解決火狐既有最小高度,又能和ie6一樣高度自適應

2022-05-01 02:33:07 字數 785 閱讀 5808

眾所周知(玩css滴,csser),ie瀏覽器是從ie7.0才開始支援min-height,min-width及max-height,max-width滴,ie6及ie6以前的瀏覽器都不支援這幾個屬性。 那麼如何讓ie6也支援這幾個屬性呢?回答是不可能滴,除非microsoft給它們公升級,顯然,這是不現實的,目前正緊張開發ie8中。

既然不能讓ie6也支援這幾個屬性,那麼就得想辦法讓它們擁有「類似」屬性,以實現相同的效果。

如:要在ie6實現min-height效果。

如果不再單純的在min-height上較勁,而是把想法變通,要使ie6擁有類似屬性其實也是非常簡單,用乙個簡單的css hack就可以搞定。

首先對於其它支援該屬性的瀏覽器來說,當然是直接寫就ok了。如乙個div,描述為:

div

在ie6下的效果如下圖(圖一):

在其它瀏覽器中的效果如下圖(圖二):

由此可見,ie6不支援min-height,效果也與支援min-height的瀏覽器大不相同。如何才能讓ie6也實現相同的效果呢?

我們知道,ie的height效果其實和min-height是基本相同的,所以只需要單獨給ie6設定乙個height就行:

div

這裡如果min-height:100px;寫成了height:100px,那麼ff高度就不自適應了,這樣寫既有高度,又能自適應,ie6前面加個橫線就可以了,它本身是能自適應的,所以也就是它的最小高度了。

效果如下圖(圖三):

如圖三所示,在ie6中也實現了min-height的效果。而實現關鍵就在於,這是為它定製的乙個hack。

設定網頁最小最大寬度和高度(相容IE6)

最小寬度 min width min width 300px sets max width for ie width expression document.body.clientwidth 300 300px auto 最大寬度 max width max width 600px sets max...

設定網頁最小最大寬度和高度(相容IE6)

最小寬度 min width 最大寬度 max width 最小高度 min height 最大高度 max height 最大最小寬度 min and max width 最大最小高度 min and max height 這裡是結合css和其支援的expression實現的,示例 如下 控制的最...

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

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