IE6双倍margin间距两大解决方案

你对IE6双倍margin间距解决方法是否比较熟悉，这里和大家简单分享一下，希望通过本文的学习你对此解决方法有深刻的认识。

IE6双倍margin间距解决方法

方法1:

假设：一个div代码为

 
 
 

  
  
  
<divstyledivstyle="float:left;margin-left:10px;"> 
  
  
  
</div> 
  
  
  
 
 
 
 

当一个css样式同时设置了float和margin的属性的时候，在ie7+及火狐上，该元素显示正常。但是在ie6下，将会出现双倍的margin-left属性值，也就是上面那段代码中的div在ie6下的实际margin-left的值是20px;

解决此办法的最简单的方法是，在style中添加：display:inline;

如上面的代码将改为

 
 
 

  
  
  
：<divstyledivstyle="float:left;display:inline;margin-left:10px;"> 
  
  
  
 
  
  
  
</div> 
  
  
  
 
  
  
  
 
 
 
 

 方法2:

可以使用以下办法来书写兼容浏览器的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*/  
  
  
  
 
 
 
 

【编辑推荐】

1. 九步轻松解决IE6的各种疑难杂症
2. 让IE6支持fixed的捷径
3. IE6 IE7 IE8三个版本的CSS兼容速查手册
4. IE6下使用CSS定义DIV高度行之有效的办法
5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题