由於設計頁面需要，要把兩個併排顯示的div實現一樣高的效果，n行n列布局，每列高度（事先並不能確定哪列的高度）的相同，是每個設計師追求的目標。方法有以下幾種：1、js實現（判斷2個div高）；2、純css方法；3、加背景實現。首先說下本部落格實現的2個div一樣高的方法（即js方法）。
div css基本布局：
1、js實現div自適應高度
**如下：
（注：網上公布了不少方法，但**或多或少有錯；上面的是無錯**；我測試在ie6.0/ie7.0下通過，考慮絕大數人仍然用的是ie，所以並沒有在opera和firefoxs下除錯，哪位用的是opera或ff，可以幫忙看看飄易部落格的div是否保持了一致的高度。）
2、純css方法
css裡**（除錯通過，但不會顯示div下邊框，即border-bottom）：
/*左右自適應相同高度start*/
#m1,#m2
@media all and (min-width: 0px)
#m1:before, #m2:before
}/*左右自適應相同高度end*/
3、加背景
這個方法，很多大**在使用，如163，sina等。
xhtml**：
這是第一列
這是第二列
css**:
#wrap
#column1
#column2
.clear
讓併排的兩個Div自適應高度（一樣高）
由於設計頁面需要，要把兩個併排顯示的div實現一樣高的效果，n行n列布局，每列高度 事先並不能確定哪列的高度 的相同，是每個設計師追求的目標。方法有以下幾種 1 js實現 判斷2個div高 2 純css方法 3 加背景實現。首先說下本部落格實現的2個div一樣高的方法 即js方法 div css基本...
經典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三行三列自適應高度布局
我們一般拿出來討論的自適應高度的div布局，都是指有背景區分的，不用區分的三列布局很容易。不過在實際應用中很少有 這樣用，大多都是不用背景區分的。不過在這裡我們並不討論這種布局的實用性到底如何，而只是討論實現這種布局的一種較完美的解決方案而已。所謂自適應高度，也就是不管某一列撐長而其它列的高度也跟跟...