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

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

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

　　當(dāng)元素使用了浮動之后，會對周圍的元素造成影響，那么就需要清除浮動，通常使用兩種方法。可以給受到影響的元素設(shè)置 clear:both，即清除元素兩側(cè)的浮動，也可以設(shè)置具體清除哪一側(cè)的浮動：clear:left 或 clear:right，但必須清楚的知道到底是哪一側(cè)需要清除浮動的影響。也可以給浮動的父容器設(shè)置寬度，或者為 100%，同時設(shè)置 overflow:hidden，溢出隱藏也可以達(dá)到清除浮動的效果。

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