IE6里的元素间的距离变大是怎么回事?

IE经典Bug之双倍边距
这个bug非常常见,希望大家记住,如果发现IE6里的某个距离变大,首先考虑是否是双倍边距问题。IE6双倍边距即IE6下的margin值

翻倍,假如设置的属性是margin-left:20px,那么在ie6中的效果就是margin-left:40px。

解决办法
将div的display设置为inline

总结:
出现条件:
1、存在于父元素与子元素之间
2、子元素同时设置了浮动和外边距属性
3、并且浮动方向与外边距方向一致(如:同时设置了margin-left和float:left)

满足以上条件后,就会出现此bug。 

存在此bug的浏览器:IE6

转载于:https://www.cnblogs.com/ruiruizhang/archive/2010/01/16/1649032.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值