Three methods for creating fine lines in Div + CSS layout-for IE

More articles about CSS layout, obstacle-free Website access, and website affinity.

If you want to create a line with a height smaller than 12 PX (approximately), it will be displayed higher than the actual height in IE. 

. Line10 {Background: # cccccc; Height: 6px ;}

It can be seen that the actual height is greater than 6px, which is also a bug in IE. The following three methods can solve this problem. The first method is recommended.

1.

. Line11 {Background: # cccccc; Height: 6px; overflow: hidden ;}
<Div class = "line11"> </div>

2.Add a space between the Div. Note: ie5.0 is invalid.

. Line12 {Background: #336699; line-Height: 6px ;}
<Div class = "line12"> & nbsp; </div>

3.

. Line13 {Background: # cc0000; Height: 6px; font-size: 1px ;}
<Div class = "line13"> </div>