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

发布时间：2022-03-18 15:15:15 阅读：183 作者：小新栏目：开发技术

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

小编给大家分享一下css如何将一个元素伸展到窗口高度，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

伸展一个元素到窗口高度在具体场景中。

你可能想要将一个元素伸展到窗口高度，基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度，我们需要伸展顶层元素：html和body:html,

body {
    height: 100%;
}

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

div {
    height: 100%;
}

以上是“css如何将一个元素伸展到窗口高度”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

向AI问一下细节

猜你喜欢