代码如下
min-height:400px//(解决ie8.9.ff.chrome)
*+height:100% //(解决ie7)
_height:400px//(解决ie6) ie6超出自动溢出
代码都有注释,只为了大家能看的更清晰更明白,
错:这种情况下不需要制定height的任何参数<div>
<lu>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
.....无限
</ul>
</div>
如果出现div的高度不随li的增加而增高的话,把代码改成如下:
<div>
<lu>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div style="clear:both"></div>
</div>
一般父级是不设置高度的,他里面的子级内容就会随子级内容高度的增加而自动增高,这样做的好处是样式很灵活,修改子级内容的时候没必要再修改父级的高度。另外如果父级没设置高度,内部有子级浮动的时候,会使子级页面超出父级,需要给父级加个overflow:hidden属性,这样父级的高度同样也会随子级容器及子级内容的高度而自适应。