ie6bug,IE6双空白边Bug

在IE6下（标准模式/怪异模式），如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:15px)。那么会自动的加一倍变成30px。如下
IE6双空白边bug

各浏览器中表现如下
IE7/8/9/Firefox/Safari/Chrome/Opera :

IE6:

解决方法是给div[id=d1]加：display:inline,当然只针对IE6一下，可以使用下划线加属性-display:inline，这样只有IE6能识别了。 边距翻倍只有当元素的边距碰到包含块时才发生。当一个元素被浮动到另一个浮动元素时不会翻倍。另marginTop和marginBottom都不会翻倍。

延伸阅读

• 2010-12-9-- ie6bug,IE6中伪类hover的使用及BUG说明
• 2010-12-9-- ie6css,ie6 fixed bug的解决方法 （css+js）
• 2010-11-24-- ie6bug,IE6在HTML标准下出现的bug小技巧
• 2010-12-9-- ie6bug,IE6中伪类hover的使用及BUG说明
• 2010-12-9-- ie6bug,IE6中奇数宽高的BUG
• 2010-12-9-- ie6css,ie6 fixed bug的解决方法 （css+js）
• 2010-12-9-- ie6bug,IE6网页神奇BUG
• 2011-6-24-- ie6bug,容器奇数尺寸,在IE6以下定位引起1像素Bug.
• 2011-6-12-- ie6bug,IE6常见的BUG
• 2010-12-9-- ie6bug,IE6 空格bug修正方法