所有瀏覽器的定位都大同小異，在各個瀏覽器兼容性問題，要了解各個瀏覽器的定位區別就可以了。 比如，當用float浮動時，同時設置margin或padding在IE6中會是雙倍的值。即你設置為margin:10px;那么在IE6里就相當于margin:20px; 出現這樣的問題往往會早成定位偏移。你參考相關兼容性的相關注意點就可以了。多點動手寫。

①　　IE6下默認的字體尺寸大致在 12 – 14px 之間，當你試圖定義一個高度小于這個默認值的 div 的時候， IE 會固執的認為這個層的高度不應該小于字體的行高。所以即使你用?height:4px;?來定義了一個?div?的高度，實際在 IE 下顯示的仍然是一個 12 px 左右高度的層。添加overflow: hidden; 解決問題。
<div style=”height: 4px; overflow: hidden;”></div>

②　　應該多加一個屬性：font-size:0px;就可以了.

?

③　　

首先要看DIV有無內容，然后才會決定誰影響其高度：

當DIV為一個空標簽的時候：DIV有一個默認的高度（大約20px左右吧），如果hiehgt的值小于這個數字，DIV不會有任何反應，大于則可以控制；而line-height在這兒根本沒有用，因為沒有內容，所以也就不存在行高了。

當 DIV標簽內有內容時（哪怕是一個&nbsp;）：DIV的高度依然是默認的（依舊是20px左右），而這時候的height仍然只能 設置大于這個數的值，否則DIV不會受控制；但是，這時候卻可以使用line-height來控制DIV的高度，準確來說是控制DIV內的內容行高，使 DIV受行高的變化而變化。
不過，如果你設置了height的值，那么當line-height小于height的值的時候，DIV取的是height的 值；如果line-height大于height的值，那這時候影響DIV高度的就是line-height的值了。

在其它的瀏覽器就不會出現這個問題，也就是說line-height大于height的時候，DIV的高度依舊是height，最多是看不見內容，但DIV的高度不會被line-height所控制。

期間有一個朋友評論說“使用overflow:hidden;第二種情況也是由height來控制了”：嘿嘿，試了一下，的確如此，當DIV的高度被line-height撐高的時候，使用overflow:hidden;則會使超出DIV高度那部份的內容不可見，從而使DIV的高度受hiehgt控制。

轉載于:https://www.cnblogs.com/zhihaowang/archive/2011/08/23/10128446.html

總結

以上是生活随笔為你收集整理的ie6 div height bug css注意点（转）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。