在IE6下（标准模式/怪异模式）
一个元素向左浮动(float:left) ， 且添加了向左空白边(margin-left:10px) ， 那么会自动的加一倍变成30px 。
例：
复制代码代码如下:
!DOCTYPE HTML
html
head
meta charset="utf-8"
titleIE6双空白边Bug/title
/head
body
div style="border:1px solid red;width:200px;"
div id="d1" style="margin:0 0 0 10px;float:left;border:1px solid gray;"
IE6双空白边bug
/div
div style="clear:both;"/div
/div
/body
/html
解决方法：
给div[id=d1]加：display:inline,当然只针对IE6一下 ， 可以使用下划线加属性-display:inline ， 这样只有IE6能识别了 。
边距翻倍只有当元素的边距碰到包含块时才发生 。当一个元素被浮动到另一个浮动元素时不会翻倍 。另marginTop和marginBottom都不会翻倍 。
推荐阅读
- 关于onScroll事件在IE6下每次滚动触发三次bug说明
- ie6 注释引起的问题
- IE6 注释引起的文字溢出和浮动错位的解决思路
- 兼容ie6浏览器的php下载文件代码分享
- IE6下通过a标签点击切换图片的问题
- 解决jquery的.animate函数在IE6下的问题
- IE6下网页制作参考 IE6 默认样式
- IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
- 兼容IE6的min-width、min-height的简单方法
- IE6/7在滚动区域内的标签使用position会飘出这个滚动区域不随滚动条滚动