首頁  >  文章  >  web前端  >  如何伸展一個元素到視窗高度

如何伸展一個元素到視窗高度

王林
王林轉載
2020-07-29 17:25:012215瀏覽

如何伸展一個元素到視窗高度

在特定場景中,我們可能想要將一個元素伸展到視窗高度,基本元素的調整隻能調整容器的大小,因此要使一個元素伸展到視窗高度,我們需要伸展頂層元素:html和body。

(推薦教學:css快速入門

程式碼實作:

html, 
body {
    height: 100%;
}

(影片教學建議:css影片教學

然後將100%應用到任何元素的高即可。

div {
    height: 100%;
}

以上是如何伸展一個元素到視窗高度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.im。如有侵權,請聯絡admin@php.cn刪除