在IE6中，如果子容器的高度超過父容器的時候，父容器會被子容器撐開，所以我們可以直接設置一個height的高度值即可。但是在IE7和firefox就不行了，它不會自動撐開。
如果要設置DIV自適應高度，我們可以採用height:auto;這個屬性；不過這個屬性IE6又不支持了。是不是很頭痛？其實解決這個問題不難，而且方法也不少，這裏推薦一種：(假設我們需要控制的這個DIV最小高度是100px，超過時就讓裏面的信息自動撐開)：
|
1
2
3
4
5
|
.div{ height:auto!important; height:100px; min-height:100px;} |
註釋：因爲!important在IE7和Firefox都可以讀到，而且權重高於後面的height:100px；所以當在IE7和Firefox顯示的時候，就會用了前面的height:auto!important;而IE6識別不了!important，auto對它也不管用，因此會應用了後面的height:100px的樣式；而min-height:100px表示DIV最小高度爲100px；此屬性在IE7和firefox都可以識別。
而在IE8和chrome當中，上述方法是不行的。
想要實現必須在撐高的div下面加個空div
|
1
|
<div style="clear:both"></div> |