經常使用嵌套DIV時,發現父div的高度不隨子div高度變化,即使設置了高度100%或auto也沒有效果,其實可以通過在層下面增加一個1象素高度的層來解決
嵌套DIV：
父DIV的高度不能根據子DIV自動變化的解決方案
<div id="parent">
??? <div id="content"> </div>
</div> 當Content的內容多時，即使parent設置了高度100%或auto,在不同瀏覽器下的效果還是會有較大的不同，特別是IE。
解決辦法為：
<div id="parent">
?? <div id="content"></div>
?? <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>
在層的最下方產生一個高度為1的空格，可解除這個問題
posted on 2008-04-28 01:16
xiaosilent 閱讀(299)
評論(0) 編輯 收藏