div IE6 高度問題

你把它新增到樣式中，經過測試，它是正確的：

font-size:1px;

重新定義字型大小。 因為如果你不定義它，系統似乎預設是 9pt，所以它會將 div 拉伸成乙個 9pt 的空間。

不應該是寬度變大了，而是瀏覽器對樣式的分析不同了，因為你可能在這裡遇到了一些問題：

1.先說邊框;

以上**在不同的瀏覽器中是不同的，實驗源於使用乙個小的高度值div，應該與overflow：hidden一起使用。 這個實驗很有趣，但我想證明瀏覽器對容器邊界的解釋非常不同，容器內容影響的結果也各不相同。

2. 最討厭的是，在雙邊距下為浮動貨櫃定義左邊距或右邊距的實際效果是該值的兩倍。 解決方案，為浮動容器定義 display：inline。

3.為容器定義填充的實際效果是填充值加上設定的寬度或高度值;

例如，上面在瀏覽器中的實際寬度是 140px，高度是 120px，所以如果你想讓實際寬度是 100px，高度是 80px，那麼你需要寫出 60px 的寬度和 40px 的高度

在對通常出現的問題進行分析後，您可以分析您是哪乙個。

不，您是否將寬度單位設定為 px？ 請務必有單位，否則在 IE8 下將被視為百分比。

將以下相容性新增到 head 標籤：

x-ua-compatible 是 IE8 的新設定，IE8 以外的瀏覽器無法識別，區別與 content= 不同"ie=7"無論頁面是否包含說明，它看起來都像是使用了 Windows Internet Explorer 7 的標準模式。 和 content="ie=emulateie7"該模式遵循說明。 對於大多數人來說，這是首選的相容模式**。

公升級IE9，IE8是IE瀏覽器中最多的，很多東西都要單獨調整！