2010-09-18 43 views

回答

51

首先聲明一個DOCTYPE讓您在標準是,如果你還沒有準備好。

現在,身體只能與包含html一樣高,因此您需要將HTML標記設置爲100%身高,身體設置爲最小身高100%。這適用於我在Firefox上。

html {height:100%} 
body {min-height:100%} 
+4

真棒奏效,跟進的問題:現在我已身最小高度:100%。現在我身體裏還有另外一個div,我希望這也是min-height:100%;但是我這樣做了,但它不起作用。 – 2010-09-18 07:21:15

+0

我真的不確定如何以跨瀏覽器兼容的方式完成此操作。 – Moses 2010-09-18 08:20:20

+1

將min-height添加到body不起作用,即使使用html min-height 100% – chovy 2012-10-11 04:43:14

6

並非所有的瀏覽器都喜歡min-height,嘗試這樣的方式來捕獲所有瀏覽器。

min-height:100%; 
    height:auto !important; 
    height:100%; 
+0

這是真的,你的建議是唯一的工作我!謝謝! – 2017-11-07 13:14:06

0
html{ 
    height:100%; 
} 
body{ 
    min-height:100%; 
    position:relative; 
} 

必須添加

0

這個工作對鉻64沒有設置硬編碼的高度:

html { 
    min-height: 100%; 
    display: flex; 
} 

body { 
    flex: 1; 
}