IE 3px Bug 处理方法

 

在IE6中

<span style="float:left;width:50px;height:100px;background-color:#ff0000;"></span>
<span style="float:right;width:50px;height:100px;background-color:#ff0000;"></span>
<div style="background-color:#4578ba;"></div>

 

 

解决方法，利用CSS HACK：

 

<span style="float:left;width:50px;height:100px;background-color:#ff0000;*margin-right:-3px;"></span>
<span style="float:right;width:50px;height:100px;background-color:#ff0000;*margin-left:-3px;"></span>
<div style="background-color:#4578ba;"></div>

 

 

重点是：

*margin-right:-3px;

*margin-left:-3px;

 

 

哎，万恶的IE6。。。