css怎麼設定最大高度和最小高度

2021-09-25 00:19:09 字數 1479 閱讀 1882

檢舉

|2011-5-26 16:34

提問者:web187

|懸賞分:5

|瀏覽次數:3027次

檢舉|

2011-5-26 16:50

最佳答案

1、ie6支援max-height解決方法   

ie6支援最大高度解決css**:

.yangshi

說明:max-height:1000px; 這個是ie6以上級其它品牌瀏覽器支援最大範圍高度。而_height:expression((document.documentelement.clientheight||document.body.clientheight)<1000?"1000px":"");overflow:hidden;則是讓ie6支援max-height替代css**,但效果和其它版本瀏覽器相同效果。

讓所有瀏覽器都支援max-height的css樣式**,完整:

max-height:1000px;_height:expression((document.documentelement.clientheight||document.body.clientheight)<1000?"1000px":""); overflow:hidden;這裡的1000和1000px是你需要的數值,注意3個數值的相同。

讓ie6支援最大高度max-height的時候別忘記加上overflow:hidden;

2、ie6支援min-height解決方法

ie6支援最小高度解決css**:

.yangshi

說明:min-height:1000px; 這個是ie6以上級其它品牌瀏覽器支援最小範圍高度。而_height:expression((document.documentelement.clientheight||document.body.clientheight)>1000?"1000px":"");則是讓ie6支援min-height替代css**,但效果和其它版本瀏覽器相同效果。

讓所有瀏覽器都支援min-height的css樣式**,完整:

min-height:1000px;_height:expression((document.documentelement.clientheight||document.body.clientheight)>1000?"1000px":""); 這裡的1000和1000px是你需要的數值,注意3個數值的相同。

3、ie6支援max-height又支援min-height方法

讓所有瀏覽器包括ie6即支援最大高度又支援最小高度。

.yangshi

ie6支援max-height和支援min-height css**

_height:expression(this.scrollheight > 620 ? "620px" : (this.scrollheight < 40 ? "40px" : "auto"));

說明:以上**作用是讓物件的最小高度為40px,最大高度為620px的css樣式屬性

css設定最小高度 然後自適應

看 先 min height 400px 解決ie8.9.ff.chrome height 100 解決ie7 height 400px 解決ie6 ie6超出自動溢位 都有注釋,只為了大家能看的更清晰更明白,因為有寫同學不太了解hack的處理方式。下面是無注釋版,複製就能用的 min height...

css設定最小高度 然後自適應

用css設定某個div最小height,然後再自適應height,這裡有個不錯的解決辦法。看 先 min height 400px 解決ie8.9.ff.chrome height 100 解決ie7 height 400px 解決ie6 ie6超出自動溢位 都有注釋,只為了大家能看的更清晰更明白,...

css設定最小高度 然後自適應

有人問到用css設定某個div最小height,然後再自適應height,這裡有個不錯的解決辦法。看 先 min height 400px 解決ie8.9.ff.chrome height 100 解決ie7 height 400px 解決ie6 ie6超出自動溢位 都有注釋,只為了大家能看的更清晰...