复制代码 代码如下:<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的高度自适应问题