经常使用嵌套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 阅读(297)
评论(0) 编辑 收藏