复制代码 代码如下:
div id="parent">
div id="content"> /div>
/div>
当content内容多时，即使parent设置了高度100%或auto，在不同浏览器下还是不能完好的自动伸展。解决方案如下：
复制代码 代码如下:
div id="parent">
div id="content">/div>
div style="font: 0px/0px sans-serif;clear: both;display: block"> /div>
/div>
在层的最下方产生一个高度为1的空格，可解除这个问题。
另外还有这样写的：div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者br style="clear:both;" />。
您可能感兴趣的文章:- 浮动的div自适应居中显示的js代码
- 关于div自适应高度/左右高度自适应一致的js代码
- 基于jQuery实现左右div自适应高度完全相同的代码
- 利用onresize使得div可以随着屏幕大小而自适应的代码
- Firefox div高度自适应
- 研究了一下div+css的高度自适应问题
