父div高度不能根据子div高度自动变化的解决方案


1 <div id="parent">
2   <div id="content"> div>
3 div>

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

1 <div id="parent">  
2   <div id="content">div>  
3   <div style="font: 0px/0px sans-serif;clear: both;display: block"> div>  
4 div>

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

    另外还有这样写的:

或者

CSS