"wrap
" style="
width:300px; background:#ffff00;
">
"sidebar_left
" style="
float:left;width:100px; background:#777;
">居左
"sidebar_mid
" style="
float:left;width:100px; background:#999;
">居中
居中居中
居中居中
居中居中
居中居中
居中居中
居中居中
居中居中
居中居中
居中居中
居中居中
居中居中
"sidebar_right
" style="
float:right;width:100px; background:#888;
">居右
方法二:
"en-us
">"
width:500px;background:#cccccc;height:0px;
">
"right
" style="
width:380%;height:100%;float:left;border:1px solid #265492;
">left
"left
" style="
width:60%;;float:left;background:#376037;
">right
right
right
right
right
right
方法三 背景圖填充法
這是大站用得比較多的方法,如163等,研究了一下,結果如下。
這裡是給父div設定了背景填充,所有div都不設高度。
html**:view sourceprint?1
class="
endarea
">
2class="
col1
">第一列 左邊正文
3class="
col3
">第二列 右邊字字4
class="
col2
">第三列 中間
5class="
clear
">
6css**:
view sourceprint?1 .endarea
2 .endarea .col1
3 .endarea .col2
4 .endarea .col3
div自適應高度
如何控制div最小高度又div自適高度 我們在用div布局的時候經常會遇到這樣的一種情況 我們需要設定乙個div高度,當裡面的東西超過這個高度時,讓這個容器自動被撐開,也就是div自適應高度。當裡面的資訊很少時候,我們就設定它乙個最小的固定高度。我們知道,在ie6中,如果子容器的高度超過父容器的時候...
div高度自適應
盒模型的height的預設值為auto,它表示盒模型的高度由它所包裹的內容高度來決定,因此div不設定height的值就可以實現高度的自適應。然而在實際css布局實踐中,常常出現一些特殊的需求。div的高度初始為某一固定高度,然後隨著內容的增多高度自適應。css屬性中min height是專門來解決...
外層div自適應內層div高度
最近在做專案的時候,寫jsp頁面,在顯示一些資料時不知道資料的多少,這時候就需要外層div自適應內層div的高度。在網上找了些方法,也是本人現在用的解決方法,這裡只介紹一種,當然還有很多種解決方法。如 1 div id div 1 2 div id div 1 1 div 3 div id div ...