在ul和li的使用过程中,li使用float的时候,然后想给ul加个背景色,但是会发现,在li使用float:left的时候,ul的高度是不变的,这是浮动的错乱。

在一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。

解决的办法:


经发现可以采用overflow来解决!方法是在父元素加上

overflow:auto; zoom:1;

即可
overflow:auto;是让高度自适应, zoom:1;是为了兼容IE6,也可以用height:1%;的方式来解决。

关于div的一些,可以使用clear:both解决浮动对象的高度自动变高问题!