外層div自適應內層div高度

2022-07-30 11:57:16 字數 637 閱讀 3280

最近在做專案的時候,寫jsp頁面,在顯示一些資料時不知道資料的多少,這時候就需要外層div自適應內層div的高度。

在網上找了些方法,也是本人現在用的解決方法,這裡只介紹一種,當然還有很多種解決方法。

如:

1

<

div

id="div_1"

>

2<

div

id="div_1_1"

>

div>

3<

div

id="div_1_2"

>

div>

4<

div

id="div_1_3"

>

div>

5div

>

div_1_2和div_1_3的高度固定不變,div_1_1的高度是變化的,要讓div_1自適應其子div的高度,解決方法:

1.設定div_1_1的最小高度:min-height

2.在div_1_3後面加乙個div:

3.設定div_1的最小高度:min-height(等於:div_1_1的最小高度 + div_1_2的高度 + div_1_3的高度 ),這樣div_1_1高度變大時,div_1的高度會自適應高度變化。

div自適應高度

如何控制div最小高度又div自適高度 我們在用div布局的時候經常會遇到這樣的一種情況 我們需要設定乙個div高度,當裡面的東西超過這個高度時,讓這個容器自動被撐開,也就是div自適應高度。當裡面的資訊很少時候,我們就設定它乙個最小的固定高度。我們知道,在ie6中,如果子容器的高度超過父容器的時候...

div高度自適應

盒模型的height的預設值為auto,它表示盒模型的高度由它所包裹的內容高度來決定,因此div不設定height的值就可以實現高度的自適應。然而在實際css布局實踐中,常常出現一些特殊的需求。div的高度初始為某一固定高度,然後隨著內容的增多高度自適應。css屬性中min height是專門來解決...

讓Div內層將DIV外層撐開

在css排版中,如果乙個層中的層使用了float浮動的話,那麼就有可能會出現外層沒有被內層撐開的情況,如以下 所示 divstyle width 300px background color red 測試 divstyle width 100px height 100px background co...