我們在用div+css布局網頁的時候，必然會遇到左右兩列自適應高度的問題，就是左邊列的背景會隨著右邊列內容的增加也相應的增加高度，下面就教大家div+css左右兩列自適應高度的方法。
下面給出最終的效果圖：
具體**如下所示：
左側內容1
右側內容1
右側內容2
右側內容3
說明：其實解決div+css左右兩列高度自適應的方法就是要注意兩點：一是在最外層加上
overflow:hidden
，然後在左邊列加上
margin-bottom:-9999px;padding-bottom:9999px;
即可。
經典DIV CSS案例 兩列高度自適應
兩列高度自適應 title style type text css margin 0 padding 0 top main sidebar content row footer style head body div id container div id top div div id main d...
DIV CSS 設計的頁面，DIV高度自適應問題
解決方法 方法1 在內層元素的最後面加入乙個元素，並且設定這個元素不浮動，強制使外層元素包裹內層元素如 方法2 設定外層元素css屬性overfloat為hidden或者auto，zoom設定為1，設定zoom是為了相容ie6 方法4 clearfix after 方法3 設定外層元素高度為乙個固定...
Div CSS高度自適應解決方法
轉 這幾天用div css寫 樣子 上中下，中間是個左中右3列，可這3列不是等高偏巧有不同顏色的背景，結果就是ie firefox.這些瀏覽器無一例外的現實的效果都是長短不齊，如何讓這3列可以自適應高度？除錯了半天，搜尋了一番，終於找到解決辦法了，採用 div css 進行三列或二列布局時，事先不知...