ie6bug:3px

ie6的三像素bug是相当经典的bug,既然要总结ie6的bug这个当然优先。

这个老抽的浏览器能坚持到现在已经很不容易了。。大家换ie8吧

 

demo:http://xiziyin.appspot.com/demo/ie6bug/3px-bug.html

重现:

当容器内两个div并排,第一个div设置浮动时,第二个和第一个之间会产生3px的空隙。而ie7没有,由于其他浏览器的浮动会脱离文档流,两个div会重叠在一起,就不讨论了。

ie6:

ie6bug:3px

ie7:

ie6bug:3px

解决方案:

1、设置第二个div为float

2、为ie6单独写hack,margin为-3px

你可能感兴趣的:(ie6)