盒模型的height的預設值為auto, 它表示盒模型的高度由它所包裹的內容高度來決定, 因此div不設定height的值就可以實現高度的自適應。然而在實際css布局實踐中，常常出現一些特殊的需求。div的高度初始為某一固定高度，然後隨著內容的增多高度自適應。css屬性中min-height是專門來解決這個問題的， 它表示給盒模型設定乙個最小的高度。 如min-height: 200px, 當div的內容高於200px時, div會自動伸展。ie6不支援這個屬性，可以用css hack來解決。
p>內容高度小於200px
p>
<
div
class
>
<
div
class
="box"
>
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
div>
div>
<
p>內容高度大於200px效果
p>
<
div
class
>
<
div
class
="box"
>
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
test
<
br />
div>
div>
body
>
html
>
view code
div自適應高度
如何控制div最小高度又div自適高度 我們在用div布局的時候經常會遇到這樣的一種情況 我們需要設定乙個div高度，當裡面的東西超過這個高度時，讓這個容器自動被撐開，也就是div自適應高度。當裡面的資訊很少時候，我們就設定它乙個最小的固定高度。我們知道，在ie6中，如果子容器的高度超過父容器的時候...
外層div自適應內層div高度
最近在做專案的時候，寫jsp頁面，在顯示一些資料時不知道資料的多少，這時候就需要外層div自適應內層div的高度。在網上找了些方法，也是本人現在用的解決方法，這裡只介紹一種，當然還有很多種解決方法。如 1 div id div 1 2 div id div 1 1 div 3 div id div ...
CSS實現div高度自適應
1 有時候，我們希望容器有乙個固定高度，但當其中的內容多的時候，又希望高度能夠自適應，也即容器在縱向能被撐開，且如果有背景，也能夠自適應。在一般情況下，使用min height即可解決。但是廣大網民的首選瀏覽器ie6並不支援min height。ie7，opera，火狐，谷歌沒有問題。所以採用以下寫...