ie6的三像素bug是相当经典的bug,既然要总结ie6的bug这个当然优先。
这个老抽的浏览器能坚持到现在已经很不容易了。。大家换ie8吧
demo:http://xiziyin.appspot.com/demo/ie6bug/3px-bug.html
重现:
当容器内两个div并排,第一个div设置浮动时,第二个和第一个之间会产生3px的空隙。而ie7没有,由于其他浏览器的浮动会脱离文档流,两个div会重叠在一起,就不讨论了。
ie6:
ie7:
解决方案:
1、设置第二个div为float
2、为ie6单独写hack,margin为-3px