DIV+CSS 網頁布局第二篇：兩列布局

1、寬度自適應兩列布局

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

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

　　同理，兩列寬度自適應，只需要將寬度按照百分比來設置，這樣當瀏覽器窗口調整時，內容會根據窗口的大小，按照百分比來自動調節內容的大小。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表