解决浮动后IE6会产生双倍的距离

#box{

float:left; margin:0 0 0 100px;

}

这种情况下IE6会产生200px的距离。

 解决办法：

1、加上display:inline，使浮动忽略

解释一下block,inline两个元素。

block:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);

inline:和其他元素在同一行上,高度,宽度,行高,边距不可控制(行内元素);

#box{ display:block; //可以为行内元素模拟为块元素 display:inline; //实现同一行排列的的效果