DIV和CSS排版中製作細線條的方法

如果要製作一條高度小於12PX（大約）的線條，在IE中會顯示出高於實際高度的，看下面。

複製代碼 代碼如下:

{

background:#CCCCCC;

height:6px;

}

可看出實際高度大於6PX，這也算是IE的一個BUG吧。以下三種方法可解決這個問題，推薦使用第一種方法。

1：

複製代碼 代碼如下:

11{

background:#CCCCCC;

height:6px;

overflow:hidden;

}

之間要加個空格注：IE5.0無效

複製代碼 代碼如下:

12{

background:#336699;

line-height:6px;

}

3：

複製代碼 代碼如下:

13{

background:#CC0000;

height:6px;

font-size:1px;

}