讓ie6容納最小、最大高度用法實例一覽。以前只是知道有個最大、最小高度,而這個是ie6不支持的。但是具體怎么用不知道,今天就讓首創(chuàng)網(wǎng)絡和大家一塊學習下。
先說一下,為什么要設置最小高度,最小高度是為了布局上的美感,不至于一邊沒有任何內(nèi)容的時候難看。
那么在ie6下面怎么讓最小、最大高度起作用呢,IE6無法認讀max-width,max-height屬性,但IE支持自己javascript的屬性表達,如:div{width:expression_r(250+"px")}和div{widt:250px}在IE的認讀中都是一致的
所以,這里列出最大、最小寬度以及高度:
1、IE6支持max-height解決方法
IE6支持最大高度解決CSS代碼:
.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<1000?"1000px":"");overflow:hidden;}
說明: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是你需要的數(shù)值,注意3個數(shù)值的相同。
讓IE6支持最大高度max-height的時候別忘記加上overflow:hidden;
2、IE6支持min-height解決方法
IE6支持最小高度解決CSS代碼:
.yangshi{min-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");}
說明: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是你需要的數(shù)值,注意3個數(shù)值的相同。
3、IE6支持max-height又支持min-height方法
讓所有瀏覽器包括IE6即支持最大高度又支持最小高度。
.yangshi{Max-Height:620px;Min-Height:40px;_height:expression(this.scrollHeight>620?"620px":(this.scrollHeight<40?"40px":"auto"));}
IE6支持Max-Height和支持Min-HeightCSS代碼
_height:expression(this.scrollHeight>620?"620px":(this.scrollHeight<40?"40px":"auto"));
說明:以上代碼作用是讓對象的最小高度為40px,最大高度為620px的CSS樣式屬性。