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