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

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

　　復制代碼 代碼如下:

　　.line{

　　background:#CCCCCC;

　　height:6px;

　　}

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

　　1：

　　復制代碼 代碼如下:

　　.line11{

　　background:#CCCCCC;

　　height:6px;

　　overflow:hidden;

　　}

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

　　復制代碼 代碼如下:

　　.line12{

　　background:#336699;

　　line-height:6px;

　　}

　　3：

　　復制代碼 代碼如下:

　　.line13{

　　background:#CC0000;

　　height:6px;

　　font-size:1px;

　　}

【DIV和CSS排版中制作細線條的方法】相關文章：

DIV CSS制作網頁時易犯的錯誤總結07-14

XHTML和CSS網頁制作07-03

XHTML和CSS網頁制作11-16

div+css 美工還是后臺的任務07-03

網頁設計div css為何加載失敗07-03

在網頁制作中如何控制DIV居中顯示07-03

自學div+css遇到了一些問題07-03

自學網頁設計，div+css、ASP、JavaScript，我應該先學哪個？07-03

關于網頁制作之學習CSS的理由07-03

CSS制作網頁的類以及ids的命名06-22