IE6双边距BUG

什么情况会出现？

1.当浮动元素的浮动方向和浮动边界的方向一致时才会出现

2.同一行如果有多个浮动元素，第一个浮动元素会出现这个双边距bug，其它的浮动元素则不会。

正常情况：

.floatbox {

float: left;

width: 150px;

height: 150px;

margin: 5px 0 5px 100px; /*外边距的最后一个值保证了100像素的距离*/

}

IE6中：

修正这个Bug？

给浮动元素加上display:inline;这样的CSS属性就可以了

 

IE6中重新查看：

 

.floatbox {

float: left;

 

width: 150px;

height: 150px;

margin: 5px 0 5px 100px;

 

display: inline; /*修复双边距bug*/

}

 

参考：http://startwmlife.com/ie-bad-temper-double-margin-bug/