div css切图

切图论坛

 找回密码
 立即注册
网站建设网站切图广告位招租
查看: 202|回复: 0

CSS网页布局问题:li上多出的margin问题

[复制链接]

主题

听众

7982

积分

管理员

发表于 2016-7-2 10:46:23 |显示全部楼层

不知道大家知道这个问题不,在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,致使奇怪问题出现。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

返回顶部