div自适应高度的tip

使用嵌套DIV时,发现父div的高度不随子div高度变化,即使设置了高度100%或auto也没有效果

<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的空格，就可以解除这个问题

评论

1 楼 hanjs 2009-01-02  

很实用，一般在阻止重复提交的时候都用div遮挡住页面内容，也存在这个问题，就是遮挡不住的问题。