IE6下DIV高度顯示的Bug

2021-04-24 06:30:47 字數 413 閱讀 1230

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

要解決這個問題,可以強制定義該 div 的字型尺寸,或者定義 overflow 屬性來限制 div 高度的自動調整。比如

或者 都可以阻止 ie 的自作聰明。

該問題在 ie7 / firefox /opera 下均不存在。

在firefox中顯示時存在有問題,例:

類ans_ques_top為上背景圖,類

ans_ques_bottom為下背景圖,這樣設計的結果將會導致類

ans_ques_top向右偏移。

IE6 下div高度顯示的問題

ie6下預設的字型尺寸大致在 12 14px 之間,當你試圖定義乙個高度小於這個預設值的 div 的時候,ie 會固執的認為這個層的高度不應該小於字型的行高。所以即使你用 height 6px 來定義了乙個 div 的高度,實際在 ie 下顯示的仍然是乙個 12 px 左右高度的層。要解決這個問題,...

IE6下DIV的預設高度問題

ie6下預設的字型尺寸大致在 12 14px 之間,具體看你頁面上的設定,當你試圖定義乙個高度小於這個預設值的 div 的時候,ie 會固執的認為這個層的高度不應該小於字型的行高。所以即使你用 height 6px 來定義了乙個 div 的高度,實際在 ie 下顯示的仍然是乙個 12 px 左右高度...

IE6下DIV的預設高度問題

ie6下預設的字型尺寸大致在 12 14px 之間,具體看你頁面上的設定,當你試圖定義乙個高度小於這個預設值的 div 的時候,ie 會固執的認為這個層的高度不應該小於字型的行高。所以即使你用 height 6px 來定義了乙個 div 的高度,實際在 ie 下顯示的仍然是乙個 12 px 左右高度...