關於min height 100 的解決辦法

2022-09-14 07:45:10 字數 857 閱讀 6051

前幾天碰到乙個問題,在用bs和jq2.2.0開發時,min-height設為100%在firefox和ie下沒有起作用,先用css改了一下,但是min-height雖然是奏效了,但同時出現了其他css問題,千絲萬縷,隨後萬能的js完美解決問題,簡單粗暴。

首先說一下問題產生的原因:jq2+獲取heigh沒有相容ie,故height()不行。

查閱資料知:視窗的高度

firefox、chrome、ie9和safari:window.innerheight

ie系列:document.body.clientheight

不是ie6:document.documentelement.clientheight

故相容**如下:

1

var height = window.innerheight || (document.body ? document.body.clientheight : false) || (document.documentelement ? document.documentelement.clientheight : null);

innerheight獲取視窗的文件顯示區的高度,但是ie不支援,它用 documentelement.clientheight 或 document.body.clientheight 替代。故上面的**可相容ie。

不是ie時,取innerheight,ie時若documentelement.clientheight為真則取documentelement.clientheight,若document.body.clientheight 為真則取document.body.clientheight 。

至此問題完美解決,賦值給min-height即可。

最小高度(min height)的妙用

from 最小高度可以設定乙個box的最小高度,當其內容較少時時,也能保持box的高度為一定,超出就自動向下延伸,但到目前為止,只有opera 和 mozilla 支援,ie7開始也支援了,但ie7處於測試階段,等正式版發布到普及需一段也許比較長的時間,除非ms把它 在某個作業系統上,如何在現有基礎...

關於div高度 寬度 100

正像你所知道的那樣,設定div大小的有兩個屬性width和height,以前在學習div每次給div設定100 寬度或高度時都很迷惑,不明確這個100 的寬度 高度 到底有多寬有多高?這個100 是從 得到的從 繼承的?今天我們的話題就是有關div高度100 的問題!其實,要弄懂div寬度 widt...

關於height 100 失效的解決

我們在設定width 100 時可以橫向佔滿全屏,但是設定height 100 確沒有任何作用,舉個例子 html html headlang en metacharset utf 8 title title style d1 style head body divid d1 我是高度100 div...