DIV+CSS 網(wǎng)頁(yè)布局第二篇：兩列布局

1、寬度自適應(yīng)兩列布局

　　兩列布局可以使用浮動(dòng)來(lái)完成，左列設(shè)置左浮動(dòng)，右列設(shè)置右浮動(dòng)，這樣就省的再設(shè)置外邊距了。

　　當(dāng)元素使用了浮動(dòng)之后，會(huì)對(duì)周?chē)脑卦斐捎绊懀敲淳托枰宄?dòng)，通常使用兩種方法。可以給受到影響的元素設(shè)置 clear:both，即清除元素兩側(cè)的浮動(dòng)，也可以設(shè)置具體清除哪一側(cè)的浮動(dòng)：clear:left 或 clear:right，但必須清楚的知道到底是哪一側(cè)需要清除浮動(dòng)的影響。也可以給浮動(dòng)的父容器設(shè)置寬度，或者為 100%，同時(shí)設(shè)置 overflow:hidden，溢出隱藏也可以達(dá)到清除浮動(dòng)的效果。

　　同理，兩列寬度自適應(yīng)，只需要將寬度按照百分比來(lái)設(shè)置，這樣當(dāng)瀏覽器窗口調(diào)整時(shí)，內(nèi)容會(huì)根據(jù)窗口的大小，按照百分比來(lái)自動(dòng)調(diào)節(jié)內(nèi)容的大小。

發(fā)表評(píng)論 共有條評(píng)論 用戶(hù)名: 密碼: 驗(yàn)證碼: 匿名發(fā)表