ie6下出现双倍margin bug的条件和解决办法
来源：昆明多彩网络公司 日期：2011-01-04 阅读： 发表评论
在ie6下有一个著名的bug，就是在给对象设置了float的时候，再设置其margin属性就会出现双倍的margin问题bug，解决办法是给对象加上display:inline属性就可解决。
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有效。
上一篇：浏览器内核有哪些,它们有什么区别? 下一篇：搜索引擎到底是否存在人工干预?
发表评论评论列表（有 条评论）