解决IE6双倍边距BUG

Posted kbeer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决IE6双倍边距BUG相关的知识,希望对你有一定的参考价值。

解决IE6双倍边距BUG,只要满足下面3个条件才会出现这个BUG:

 1)要为块状元素;
 2)要左侧浮动;
 3)要有左外边距(margin-left);

解决这个BUG很容易,只需要在相应的块状元素的CSS属性中加入“display:inline;”,代码如下:

#redBlock{
width:200px;
height:200px;
background:#900;
margin-top:20px;
margin-left:20px;
float:left;
display:inline;
}

以上是关于解决IE6双倍边距BUG的主要内容,如果未能解决你的问题,请参考以下文章

IE6下的bug

IE6双倍边距-IE6双倍边距的bug

IE6浏览器的bug问题及相关解决的方法

IE6中常见BUG与相应的解决办法

ie6浏览器兼容性

web前端面试题系列: