IE6的 3px bug
触发条件:两紧挨的元素A(.div1),B(.div2) ,A浮动,但B没浮动,IE6下就会莫名产生3px 外边距(指浮动元素A的margin-right)
解决方法:
方法1:给元素B也加上float:left; 即可解决,但元素B要做宽度自适应的话,此方法不可取。
方法2:
IE6并不是将Html标签认定为是最外层的元素,而是认为*(其中*并不是指通用选择器)才是最外层的元素,而HTML被认为是它的子元素。此hack写法: *html .div1{margin-right:-3px;} (注意必须针对浮动元素A做hack处理,若针对元素B:*html .div2{margin-left:-3px;} 无效)
或者
用只有IE6可解析的下划线"_"来写这个hack,代码:.div1{_margin-right:-3px;} 也可解决这个问题。
上一篇: 什么是W3C标准?
下一篇: jquery的opacity ie6下失效?
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}