IE6的兼容性是网页制作中头疼的问题，IE6中用了float:left之后会导致出现margin-left双倍边距的BUG，这里分享一下IE6中float产生双倍margin的解决方案，收藏备忘。
比如我们需要浮动到左边并具有10px的边距，CSS代码如下：
.boxLeft {float:left;margin-left:10px;}(鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助)
在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说，在与浮动同方向的空白边会加倍。解决方法是加上：display:inline;
.boxLeft {float:left;margin-left:10px;display:inline;}(鼠标移到代码上去，在代码的顶部会出现四个图标，第一个是查看源代码，第二个是复制代码，第三个是打印代码，第四个是帮助)
以上代码可解决双倍margin的问题。