ul与li不解的关系,li上多出的margin问题

不知道大家知道这个问题不,在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,致使奇怪问题出现。关于hasLayOut请移步:蓝色某篇精华帖

7 Responses to ul与li不解的关系,li上多出的margin... »

  1. 万戈 评论 2009-10-23 16:54

    还没碰到这种情况,等详解看个明白

    回复

  2. 卢松松 评论 2009-10-27 15:02

    我还真没注意呢

    回复

  3. 种草人 评论 2009-10-31 01:18

    我喜欢夜晚行动,呵呵。挺有风格的博客,顶一下。

    回复

  4. 大地软件工作室 评论 2009-11-02 20:15

    换友情链接么?记得回访哦!

    回复

  5. 不轻易恋爱 评论 2009-11-02 22:57

    我也刚建了一个博客,有空大家多多交流呀!

    回复

  6. 笨猫 评论 2009-11-03 13:44

    博主的文采不错,大家有空多交流!

    回复

  7. 服装搭配 评论 2009-11-06 17:56

    CSS就是麻烦

    回复

Leave a Reply

Email address is not published

You should say a Chinese word to pass spam check. If you can not input Chinese, just copy 你好 and paste them into comment text box.