嵌套div高度自适应

看了很多方法,反正总有问题。而且也不是简单易行。今天看到一个方法,确实实用,经测试ie6.firefox6通过。其他应该也没有问题。

<div id="parent">
<div id="content"> </div>
</div>

当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案

<div id="parent">
<div id="content"></div>
<div style="clear: both;display: block"> </div>
</div>

在层的最下方产生一个高度为1的空格,可解除这个问题。

什么原理我就不知道了,浏览器标准太多了。在这里感谢该文作者

http://www.einit.com/user1/48/archives/2007/7894.html

You May Also Like

About the Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注