IE6的3PX(像素)BUG，造成文字溢出

 异常的代码：

<div style="width:400px"> 
<div style="float:left"></div>  
<!-- 注释的内容 -->  
<div style="float:right;width:400px;" >↓这就是多出来的那只猪</div> 
</div>  

异常的显示效果：（溢出文字的字数=注释的条数*2-1）

解决方案1：注释不要放置于2个浮动的区块之间

解决方案2：添加position:relative;

<div style="width:400px"> 
<div style="float:left"></div>  
<!-- 注释 -->  
<div style="float:right;width:400px;position:relative;" >↓这就是多出来的那只猪d</div> 
</div> 

解决方案3：添加margin-right:-3px;

<div style="float:left"></div>  
<!-- --> 
<div style="float:right; width:400px;margin-right:-3px;">↓这就是多出来的那只猪</div> 
</div> 

解决方案4：将文字区块包含在新的<div></div>之间

<div style="width:400px"> 
<div style="float:left"></div>  
<!-- --> 
<div style="float:right;width:400px"><div>↓这就是多出来的那只猪</div></div> 
</div> 

解决方案5：采用良好的注释习惯

<div style="width:400px"><!-- 注释开始 --> 
<div style="float:left"></div>  
<div style="float:right;width:400px;" >↓这就是多出来的那只猪</div> 
<!-- 注释结束 --></div> 

解决方案6：采用兼容注释

<div style="width:400px"> 
<div style="float:left"></div>  
<!--[if !IE]>除IE外都可识别<![endif]--> 
<div style="float:right;width:400px;" >↓这就是多出来的那只猪</div> 
</div> 

推荐解决方案5，养成良好的注释习惯。

参考网址：http://bbs.blueidea.com/thread-2692486-2-1.html