本篇內容介紹了“IE6下DIV無法實現1px高度的解決方法”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

創(chuàng)新互聯是一家專業(yè)提供黔西南州企業(yè)網站建設,專注與成都網站建設、成都做網站、html5、小程序制作等業(yè)務。10年已為黔西南州眾多企業(yè)、政府機構等服務。創(chuàng)新互聯專業(yè)的建站公司優(yōu)惠進行中。

IE6.0下DIV不能實現1px高度的幾種解決方法

在設計網頁時，有時我們需要一個1px高度的細線，但IE6有個bug，高度為1px的DIV在IE6里不管用。這是因為IE6中的DIV默認有個最小字體高度，DIV的最小高度就是這個高度，即使設置了height:1px,DIV顯示出來的高度也不是1像素。

解決方法有如下幾種：

◆1,網上都說多加一個font-size=0px；的屬性可以實現．

以下為引用的內容：

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

但經過我的測試，細是細了，但不是1px，有點像是2px.不知道是我的瀏覽器問題，還是別的原因．你們可以用這個方法再測試一下．

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

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

這個方法我測試通過．很好用．如果你要做指定長度的細線，這個方法是個不錯的選擇．如果你的細線DIV長度是他父對象的長度的話，你可以用下面這個更簡單的方法：

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

以下為引用的內容：

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

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

“IE6下DIV無法實現1px高度的解決方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯網站，小編將為大家輸出更多高質量的實用文章！

分享標題：IE6下DIV無法實現1px高度的解決方法
本文地址：http://jinyejixie.com/article32/pgehsc.html

成都網站建設公司_創(chuàng)新互聯，為您提供Google、網站導航、、靜態(tài)網站、做網站、外貿建站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯