欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-07 10:41:36
...

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

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

(推荐教程:css快速入门

代码实现:

html, 
body {
    height: 100%;
}

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

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

div {
    height: 100%;
}

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

相关标签: 元素 窗口