A6切图网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

北北设计网站切图广告位招租
查看: 359|回复: 0

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

[复制链接]
发表于 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,致使奇怪问题出现。

回复

使用道具 举报

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

本版积分规则

QQ|A6切图网

GMT+8, 2019-6-16 13:33 , Processed in 1.112843 second(s), 20 queries .

快速回复 返回顶部 返回列表