做网站建设时经常会遇到IE下浮动产生双倍距离的问题。 

说一下解决办法：

例：

#box{ float:left; width:100px; margin:0 0 0 100px;}
这种情况下IE6会产生200px的距离。

 解决办法：

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

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

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

inline:和其他元素在同一行上,高度,宽度,行高,边距不可控制(行内元素);
#box{ display:block; //可以为行内元素模拟为块元素 display:inline; //实现同一行排列的的效果