IE6下高度小於1 10畫素時不起作用解決辦法

2021-09-08 09:30:36 字數 416 閱讀 9128

在網頁布局時常會用到 div 來顯示一些邊角背景,需要設定較小的高度,預設情況下,ie6 中設定 div 較小高度會不起作用,在 ie7、ff 等瀏覽器不存在這個問題。

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

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

或者:值得注意的是,設定 font-size:0 時這個容器的高度最小為 2px ,如果要設定 div 高度為 0 或 1px ,則需要使用 overflow:hidden; 來實現。

ie6下height高度問題

無標題文件 title 6head 78 body 9 div style background blue height 8px div 10body 11html 複製 意思是定義乙個高度為8px,藍色背景的div,但是造成ie6.0下多出來高度.以前我解決ie6.0下出現的這種問題的方法是加ov...

IE6下3畫素問題

描述 ie下兩個div之間會出現3個畫素的bug,這個bug是在當對乙個div用了float元素時,而div未使用時則會出現。解決方法 a.對另乙個元素同時使用float b.為已經浮動的div新增一條語句 margin right 3px 或者margin left 3px 當浮動元素與非浮動元素...

關於ie6下iframe的高度bug

有個三列布局 樣式上已經給三個div加了寬度和左浮動,布局沒問題。程式設計師要把右面的div用iframe來實現,即把 right的浮動和寬度加到了iframe上面,放到了iframe裡面。如下 iframe的高度是由程式來控制的,高度不定。結果,在ie7及firefox下都沒問題,但在ie6中,i...