今天在对公司行业网站改版时，考虑用到DIV+CSS，在测试过程中，发现，在IE6里的margin的距离总是和基本版本的不一样，突然想到在IE6里有margin距离双倍的BUG。唯一的解决办法只用display: inline，下面用例子来说明五上。
比如：
<div id="example">
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
</div>
我们一般CSS是：
#example{}
#example ul{margin:0px;padding:0px;list-style:none;}
#example ul li{margin:5px;padding:0px;list-style:none;flag:left;}
上面代码中，我们把margin设计为5，但在IE6里看的距离大于5，一般是10左右。在其他浏览器里都是正常的5，这里我们要把li里加个display: inline，CSS如下：
#example{}
#example ul{margin:0px;padding:0px;list-style:none;}
#example ul li{margin:5px;padding:0px;list-style:none;flag:left;display: inline;}
这样，不管在哪个版本的浏览器里，距离都显示为5。
方法很简单，但是不加就是不行。呵呵