本文和大家重點(diǎn)討論一下IE6.0下DIV不能實(shí)現(xiàn)1px高度的幾種解決方法，高度為1px的DIV在IE6里不管用，因?yàn)镮E6中的DIV默認(rèn)有個(gè)最小字體高度，DIV的最小高度就是這個(gè)高度，即使設(shè)置了height:1px,DIV顯示出來(lái)的高度也不是1像素。

IE6.0下DIV不能實(shí)現(xiàn)1px高度的幾種解決方法

在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，有時(shí)我們需要一個(gè)1px高度的細(xì)線，但I(xiàn)E6有個(gè)bug，高度為1px的DIV在IE6里不管用。這是因?yàn)镮E6中的DIV默認(rèn)有個(gè)最小字體高度，DIV的最小高度就是這個(gè)高度，即使設(shè)置了height:1px,DIV顯示出來(lái)的高度也不是1像素。

解決方法有如下幾種：

◆1,網(wǎng)上都說(shuō)多加一個(gè)font-size=0px；的屬性可以實(shí)現(xiàn)．

以下為引用的內(nèi)容：
 

<styletypestyletype="text/css"> 
.a{  
font-size:0px;  
height:1px;  
background-color:red;  
}  
</style> 
<DIVclassDIVclass="a"></DIV> 
 

但經(jīng)過(guò)我的測(cè)試，細(xì)是細(xì)了，但不是1px，有點(diǎn)像是2px.不知道是我的瀏覽器問(wèn)題，還是別的原因．你們可以用這個(gè)方法再測(cè)試一下．

◆2.多加一個(gè)line-height:1px的屬性，不過(guò)得在DIV里多加一個(gè) ，也就是空格，以下為引用的內(nèi)容：
 

<styletypestyletype="text/css"> 
.a{  
width:200px;  
height:1px;line-height:1px;  
background:red;  
}  
</style> 
<DIVclassDIVclass="a">&nbsp;</DIV> 
 
 

這個(gè)方法我測(cè)試通過(guò)．很好用．如果你要做指定長(zhǎng)度的細(xì)線，這個(gè)方法是個(gè)不錯(cuò)的選擇．如果你的細(xì)線DIV長(zhǎng)度是他父對(duì)象的長(zhǎng)度的話，你可以用下面這個(gè)更簡(jiǎn)單的方法：

◆3,用border-top:1pxsolid#ff0000邊框的方法制作一個(gè)細(xì)線.

以下為引用的內(nèi)容：
 

<styletypestyletype="text/css"> 
.a{  
border-top:1pxsolid#ff0000;  
}  
</style> 
<DIVclassDIVclass="a"></DIV> 
 

注意:這個(gè)方法不能加width寬這個(gè)屬性.　加了以后他會(huì)有高度（雖然表面上看不到，他是透明的）要是你這個(gè)細(xì)線下面再有DIV的話，他的高度就看出來(lái)了.再多加上一個(gè)font-size:1px;可以解決這個(gè)問(wèn)題．
 

【編輯推薦】

1. JavaScript巧解IE6至IE8兼容問(wèn)題
2. 使用JavaScript輕松區(qū)別IE6、IE7、IE8
3. 剖析Margin和Padding屬性中四個(gè)值的先后順序及區(qū)別
4. 九步輕松解決IE6的各種疑難雜癥
5. 技術(shù)前沿 一段JS代碼輕松解決IE6-IE8的兼容性問(wèn)題