解决IE6下DIV　1px高度bug问题

解决IE6下DIV　1px高度bug问题

今天做一个网站遇到这样一个问题：用背景颜色做一条1px的线，我定义了一个DIV一像素高，有背景色，但是在ie6中怎么都显示的不是1px的高，感觉像是5px的高，其他的浏览器就没有这个问题。

在网上找到这样的解决办法：

办法一：

<div class="fl w100 lxwm_line mt20">&nbsp;</div>

.lxwm_line{ background-color:#d5d5d5; height:1px; line-height:0;}

其中红色字的部分是主要解决办法。


办法二：都说用font-size=0px；的属性可以实现

可是事实我这么做后，在IE6中是可以变细了，但是还是不是1px，感觉像是2px。


方法三：用border也可以实现，不过不能加width宽这个属性.加了以后他会有高度（虽然表面上看不到，他是透明的）要是你这个细线下面再有DIV的话，他的高度就看出来了.再多加上一个font-size:1px;可以解决这个问题．


我试了前两种方法，感觉还是第一种比较好用。给大家一个参考，也给自己备用。