首页 >web前端 >css教程 >如何伸展一个元素到窗口高度

如何伸展一个元素到窗口高度

王林
王林转载
2020-07-29 17:25:012245浏览

如何伸展一个元素到窗口高度

在具体场景中,我们可能想要将一个元素伸展到窗口高度,基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度,我们需要伸展顶层元素:html和body。

(推荐教程:css快速入门

代码实现:

html, 
body {
    height: 100%;
}

(视频教程推荐:css视频教程

然后将100%应用到任何元素的高即可。

div {
    height: 100%;
}

以上是如何伸展一个元素到窗口高度的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:juejin.im。如有侵权,请联系admin@php.cn删除