解決外層DIV高度不適應問題

外層DIV高度不適應是指當內層對象的高度發生變化時，外層對象的高度不能自動進行調節。特別當內層對象使用了padding或margin定義后，問題更加明顯。

上

內層DIV中的內容

下

這個問題不是IE專屬的，有時候Firefox下也會出現。


解決方法：插入一個“邏輯占位”層
<div id="clear-div"></div>

其style定義如下
#clear-div{height:0; overflow:hidden;}

效果如下：

上

內層DIV中的內容

下