例如:
<p id="parent"> <p id="content"> </p> </p>
当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。
解决方案如下:
<p id="parent"> <p id="content"></p> <p style="font: 0px/0px sans-serif;clear: both;display: block"> </p> </p>
在层的最下方产生一个高度为1的空格,可解除这个问题。
另外还有这样写的:
<p style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" /> 或者 <br style="clear:both;" />。
评论前必须登录!
注册