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