IE6不支援min height的解決辦法

2021-07-10 15:32:16 字數 2125 閱讀 9235

2010-08-19 10:22 n__n sina.com.cn 

字型大小:t

|  t

最小高度min-height是很有用的,但ie6卻不支援。這裡和大家分享一下ie6不支援min-height的解決辦法,希望你對本文介紹感興趣。

本文和大家重點討論一下ie6不支援min-height的解決辦法,這裡主要包括兩種解決方案,相信本文介紹一定會讓你有所收穫。

ie6不支援min-height的解決辦法

最小高度min-height是很有用的,但ie6卻不支援。真煩人。有沒有辦法呢?

第一種方法:我們可以利用ie6不識別!important來實現: 

height:auto!important;  

height:500px;  

min-height:500px;  

這3句**就讓ie6也有了高度min-height的效果,大家可以把下面的**複製儲存成網頁檔案看看效果。

殘缺 完美 生活

title

>

head

>

<

style

type

="text/css"

>

*   

body  

height:500px; min-height:500px;  

width:760px; background-color:#e5e5e5; border:1px solid #fff;  

text-align:left; line-height:150%; padding:20px; margin:10px auto; }  

style

>

<

body

>

<

divid

=>

the furthest distance in the world 

<

br/>

世界上最遙遠的距離 

<

br/>

tagore泰戈爾 

<

br/>

the furthest distance in the world 

<

br/>

世界上最遙遠的距離 

<

br/>

is not between life and death 

<

br/>

不是生與死 

<

br/>

but when i stand in front of you 

<

br/>

而是 我就站在你面前 

<

br/>

yet you don't know that i love you 

<

br/>

你卻不知道我愛你 

<

br/>

div>

body

>

html

>

◆還有一種方法:在ie6ie5ie7ff測試竟然正常,而且能通過w3c檢測的,方法如下:

html** 

#test   

說明一下上面這段css的意思。

min-height:100px;這一句在ie7和ff已經可以正常顯示了。。

_height:100px這一句在ie6,ie5測試顯示正常。但不能過w3c驗證:l

overflow:visible;這一句為了註明#test當內容超過100px時就自動延長。

注意:你必須保證#test以外的都要是overflow:visible。否則還是不會顯示超出。

IE6不支援min height的解決辦法

ie6不支援min height的解決辦法 最小高度min height是很有用的,但ie6卻不支援。真煩人。有沒有辦法呢?第一種方法 我們可以利用ie6不識別 important來實現 height auto important height 500px min height 500px 還有一種...

ie6不支援min height 的解決方法

min height就是層的最小高度,如果該層中的元素內容高度小於這個高度,就將層顯示為min height的值,超過的話,就撐破層,使層的高度與元素內容高度一樣。max height就是和這個相反了,不超出的話,層高度就和層中內容元素高度一樣,否則就截斷內容,顯示max height的高度。css...

IE6不支援position fixed的解決方法

在做頁面右下腳對話方塊時,直接使用position fixed 大部分瀏覽器很容易就能做到,但是在ie6中卻發現不行,原來是ie6不支援position fixed 這個屬性。雖然用js肯定能解決這個問題,但是總覺得用js來做布局的工作不是很好,網上找了下這個問題,發現可以直接用css方法解決,如下...