因為頁面並沒有預設的高度值，所以，當你讓乙個元素的高度設定為百分比高度時，無法根據獲取父元素的高度，也就無法計算自己的高度。換句話說，父元素的高度只是乙個預設值：height: auto;。當你要求瀏覽器根據這樣乙個預設值來計算百分比高度時，只能得到undefined的結果。也就是乙個null值，瀏覽器不會對這個值有任何的反應。
上面的演示例子是父元素沒有設定固定高度，於是子元素的高度height: 100%也不會起作用。你可以根據父元素的背景色來判斷子元素的高度不是100%。
那麼，如果想讓乙個元素的百分比高度height: 100%;起作用，你需要給這個元素的所有父元素的高度設定乙個有效值。換句話說，你需要這樣做：
>
>
style
="height
: 100%;
">
>
想讓這個div高度為 100% 。
p>
div>
body
>
html
>
div的高度為100%，它有兩個父元素style
="height
: 100%;
">
style
="height
: 100%;
">
style
="height
: 100%;
">
>
這樣這個div的高度就會100%了
p>
div>
body
>
html
>
如何讓 height 100 起作用
當你設定乙個頁面元素的高度 height 為100 時，期望這樣元素能撐滿整個瀏覽器視窗的高度，但大多數情況下，這樣的做法沒有任何效果。你知道為什麼height 100 不起作用嗎？按常理，當我們用css的height屬性定義乙個元素的高度時，這個元素應該按照設定在瀏覽器的縱向空間裡擴充套件相應的空...
如何讓 height 100 起作用
如何讓 height 100 起作用 當你設定乙個頁面元素的高度 height 為100 時，期望這樣元素能撐滿整個瀏覽器視窗的高度，但大多數情況下，這樣的做法沒有任何效果。你知道為什麼height 100 不起作用嗎？按常理，當我們用css的height屬性定義乙個元素的高度時，這個元素應該按照設...
如何讓 height 100 起作用
當你設定乙個頁面元素的高度 height 為100 時，期望這樣元素能撐滿整個瀏覽器視窗的高度，但大多數情況下，這樣的做法沒有任何效果。你知道為什麼height 100 不起作用嗎？按常理，當我們用css的height屬性定義乙個元素的高度時，這個元素應該按照設定在瀏覽器的縱向空間裡擴充套件相應的空...