大张小站

  1. @八角石

    欢迎关注我的新浪微博 @八角石 !

    [ 更多详情 ]

  2. 人生

    自歌自舞自开怀,且喜无拘无碍。

  3. 心境

    若得心净如明月,长空万里了无尘。

  4. 情渊

    他生莫做有情痴,人间无地著相思。

  • 1
  • 2
  • 3
  • 4
1,705

解决IE6双倍边距问题

分类 网站技术/村民张先生 发布于 2012-03-11 04:18
0

IE6下有一个著名的margin双倍bug,出现这个bug需要具备三个条件:

1、浏览器为IE6,大于IE6的ie系列版本和火狐等其他浏览器不会出现这个情况。

2、对象设置了float属性和宽度(可选),如.ILeft { float: left; width: 150px;}

3、对象设置了margin属性,如.ILeft { float: left; width: 150px; margin-left: 15px}

以上的class为ILeft的层在IE6下浏览就会出现左边距为30px的情况,而不是正常想象中的15px。

解决办法是给对象的css属性加上 display:inline 即可解决该bug,代码:.ILeft { float: left; width: 150px; margin-left: 15px; display:inline}。

再次刷新网页,在IE6下的margin双倍的bug就消失了,注意,该bug只针对IE6有效。

欢迎转载分享,转载请注明 来源:大张小站 https://www.vdazhang.com/wenzhang-47.html
若您喜欢这篇文章,欢迎订阅大张小站以获得最新内容。 / 欢迎交流探讨,请发电子邮件至 mail[at]vdazhang.com 。


欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截