用div做一个1px高的线条

问：为什么我设置的div的高度是1px，为什么看不到效果啊，div老是那么高。

答：给你的div加一个属性：font-size:0;

说明：
这个问题出现在IE6中；
IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。
这样来加： .style1{height:1px;font-size:0;}

比如想用一个div来做一个1px高的红色线条

在没有设置字体大小的时候会得到的情况：

 

<style type="text/css">
.style1 {...} {
height:1px;
background:red;
}
</style>
<div class="style1"></div>

设置了font-size:0会得到的情况：

 

<style type="text/css">
.style1 {
font-size : 0 ;
height : 1px ;
background : red ;
}
</style>

<div class="style1"></div>