IE6已经快被淘汰了，很多人也开始不再调试IE6了，但是还是有些人在使用，针对这一群人，我们也行还要折腾IE6下的各种蛋疼的问题，margin本来是小问题的，但是本人也容易忘记，所以就在这里记下，方便以后使用。
IE6下便出现了双倍的外边距。

解决的办法：

1、在li设置“display:inline”

2、不是办法的办法，避免margin的方向与float的方向相同。例如写成这样：ul li{ float:left; margin-right:5px;}

3、有一次上面所有的方式都不行，用这个display:inline-block;就可以了，呵呵

网上另外的方法也可以参考：

给你介绍小技巧。可以使用以下办法来书写兼容浏览器的CSS代码:

第一种：

.div{
 background:orange;/*ff*/
 *background:green!important;/*ie7*/
 *background:blue;/*ie6*/
 }

第二种：

.div{
 margin:10px;/*ff*/
 *margin:15px;/*ie7*/
 _margin:15px;/*ie6*/
 }

第三种：

#div{color:#333;}/*ff*/
 *html#div{color:#666;}/*IE6*/
 *+html#div{color:#999;}/*IE7*/

本文固定链接: http://20tc.com/ie6-double-margin.html | TC的博客