DIV高度在IE6下顯示變大的修改

IE6下默認的字體尺寸大致在 12 - 14px 之間,當你試圖定義一個高度小於這個默認值的 div 的時候, IE 會固執的認爲這個層的高度不應該小於字體的行高。所以即使你用 height: 6px; 來定義了一個 div 的高度,實際在 IE 下顯示的仍然是一個 12 px 左右高度的層。

要解決這個問題,可以強制定義該 div 的字體尺寸,或者定義 overflow 屬性來限制 div 高度的自動調整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聰明。

該問題在 IE7 / Firefox /Opera 下均不存在。

發佈了107 篇原創文章 · 獲贊 38 · 訪問量 23萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章