IE6下DIV最小高度不能為0的解決方法

2021-05-02 07:20:21 字數 813 閱讀 9471

在網頁布局時常會用到 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; 來實現

例項:不能合攏的問題

1.問題如下:

css**如下:

.zc_top

.yd_body

2.解決辦法:在zc_top新增:overflow:hidden;

注:ie7不存在div有最小高度的問題

IE6下DIV最小高度不能為0的解決方法

在網頁布局時常會用到 div 來顯示一些邊角背景,需要設定較小的高度,預設情況下,ie6 中設定 div 較小高度會不起作用,在 ie7 ff 等瀏覽器不存在這個問題。ie6 下預設的字型尺寸大致在 12 14px 之間,當你試圖定義乙個高度小於這個預設值的 div 的時候,ie6 會固執的認為這個...

ie6中DIV最小高度

ie6中,使用css定義div的高度的時候經常遇到這個問題,就是當div的最小高度小於一定的值以後,無論你怎麼設定最小高度,div的高度會固定在乙個值不再變化。比如 div 這是因為在ie6中,系統預設的並非是div有乙個預設的高度,而是你沒有解決乙個隱藏的引數,font size,這個是ie6中對...

IE6下DIV高度顯示的Bug

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