需求
实现div占满整个屏幕
结构
<body>
<div class="cotent"></div>
</body>
1）通过css高度100%，但是要div的父级元素高度为100%
html,
body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.cotent {
width: 100%;
height: 100%;
}
前提：以知父级元素并且父级元素高度可控
2）通过100vh
.cotent {
height: 100vh;
}
前提：适合移动端或者不用兼容IE的项目
3）使用定位拉伸
.cotent {
position: absolute;
bottom: 0px;
top: 0px;
}
© 版权声明
文章版权归作者所有，未经允许请勿转载。如内容涉嫌侵权，请在本页底部进入<联系我们>进行举报投诉!
THE END
![[特殊字符] ADB密钥大扫除与认证升级计划：让黑客哭晕在厕所！[特殊字符] - 宋马](https://pic.songma.com/blogimg/20250830/f1260fd02b684472bbfd213058989578.png)
暂无评论内容