如何讓元素支援 height 100 效果

2022-07-25 01:24:19 字數 394 閱讀 7248

如何讓元素支援 height:100%效果? 有

兩種方法。

(1) 設定顯式的高度值。 這個沒什麼好說的,例如,設定 height:600px,或者可以生效

的百分比值高度。例如,我們比較常見的:

html, body

(2) 使用絕對定位。 例如:

div

此時的 height:100%就會有計算值,即使祖先元素的 height 計算為 auto 也是如此。

需要注意的是,絕對定位元素的百分比計算和非絕對定位元素的百分比計算是有區別的,區別

在於絕對定位的寬高百分比計算是相對於 padding box 的,也就是說會把 padding 大小值計算

在內,但是,非絕對定位元素則是相對於 content box 計算的。

如何讓 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屬性定義乙個元素的高度時,這個元素應該按照設定在瀏覽器的縱向空間裡擴充套件相應的空...