问题现象:

  在ie6的情况。假如ul中的li被设置了浮动,而ul本身有设置padding-top.你会发现li无端端多出了根ul的padding-top一样宽的margin-top(在浮动的li元素的数目已使分行的时候出现)。

(见图)

解决办法:

1.不要设置ul的padding,可以用margin代替,实在不行只能嵌套解决。

2.给ul设置zoom:1;overflow:hidden

3.设置ul的宽度或者高度

问题原因:ie6(或7)在这种情况下,ul的没有获得layout,致使奇怪问题出现。