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

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

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

(推荐教程:css快速入门

代码实现:

html, 
body {
    height: 100%;
}

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

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

div {
    height: 100%;
}

以上就是如何伸展一个元素到窗口高度的详细内容,更多请关注php中文网其它相关文章!

声明:本文转载于:掘金,如有侵犯,请联系admin@php.cn删除