IE6里的元素间的距离变大是怎么回事？

IE经典Bug之双倍边距

这个bug非常常见，希望大家记住，如果发现IE6里的某个距离变大，首先考虑是否是双倍边距问题。IE6双倍边距即IE6下的margin值

翻倍，假如设置的属性是margin-left:20px,那么在ie6中的效果就是margin-left:40px。

解决办法

将div的display设置为inline

总结：

出现条件：

1、存在于父元素与子元素之间

2、子元素同时设置了浮动和外边距属性

3、并且浮动方向与外边距方向一致（如:同时设置了margin-left和float:left）

满足以上条件后，就会出现此bug。 

存在此bug的浏览器：IE6