IE6的3像素BUG产生条件及解决方法

1.IE6中第一个元素浮动第二个元素不浮动，这两个元素之间就会产生3像素BUG

2.解决方案：

2.1若若宽度一定则给第二个元素添加 float 样式即可；

2.2若宽度自适应：

2.2.1  _margin-right:-3px;   // IE6及更低版本均可解析下划线hack

2.2.2 * HTML作为一种hack来解决浏览器之间的不兼容

3.拓展：浏览器之间兼容

3.1

div{ padding-left:300px;                padding-left:250px\9;            //IE浏览器* padding-left:100px;            //IE6、7-padding-left:150px;             // IE6}

3.2

#content{ height:200px !important;      //IE7、8、9、Firefox height:100px;                       // IE6

}

注：IE6对!important识别，但又无视它的存在

　　IE7、8、9、Firefox识别第二行，但第一行有!important 拥有绝对优先级                    

转载于:https://www.cnblogs.com/duduSunny/p/4120341.html

相关资源：line-height使文本居中的3像素bug问题