div 自適應高度 最大高度後滾動條顯示

2021-06-25 07:14:17 字數 685 閱讀 4295

背景:為解決這樣一種情況:設定div的最大高度為xx%,想要自適應瀏覽器視窗高度,但是超出div高度的部分,就算設定滾動條scroll或者auto,滾動條也並不會顯示出來。而max-height為具體px的則會顯示。下面隨便弄點**說明這2種情況:

一、高度自適應設定為xx%

**:

whyare

youso

cute!!

whyareyou

socute!!

效果圖:

二、固定最大高度px

**:

whyare

youso

cute!!

whyareyou

socute!!

效果:

那麼,想要自適應又出現滾動條,就在js裡面獲取body高度,

whyare

youso

cute!!

whyareyou

socute!!

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 ...