代码如下
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属性，这样父级的高度同样也会随子级容器及子级内容的高度而自适应。
