IE6在解析浮动:3像素Bug

在一个典型的浮动中，如下面的图片所示：灰色矩形是外部容器，绿色容器在外部容器内向左浮动，未浮动的部分包围着浮动部分。但是IE6在解析这样的浮动时，会莫名的给靠紧浮动部分的未浮动部分添加3个像素的边距。为了更加直观，让我们将Firefox和IE6中的效果做一对比（上图是Firefox中的效果，下图是IE6中的效果）：

你会清晰的观察到IE6中的3像素边距Bug。为了确定到底是不是3个像素，我在Photoshop将图片放大到1600%，如下面的截图所示，的确是3个像素。

如何解决这个Bug？

如果这个Bug不影响你的布局，你完全可以让它随风而去。但是，如果影响了布局或者你不能容忍一点点瑕疵的话，只需要将浮动部分的右边距向左缩进3个像素，使用只针对IE的hack。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!