如何使背景颜色覆盖整个浏览器屏幕？.top{ background-color:green; color: white; height:1000px; display: flex; flex-direction: column;}<div className = "top"> <Header/> <Body /> </div>我试过把高度设为100%。但它根本不起作用。我该如何修复它？
3 回答
HUWWW
TA贡献1874条经验 获得超12个赞
只需瞄准body，请参阅下面的代码。
body {
background-color: black;
}
<div>
</div>
此外，如果您想使用div您可以添加100vh和100vw;
.top {
background-color: green;
color: white;
display: flex;
flex-direction: column;
width: 100vw;
height: 100vh;
}
<div class="top">
<Header/>
<Body/>
</div>
BIG阳
TA贡献1859条经验 获得超6个赞
你可以使用100vh。这将使 html 元素占据用户屏幕的整个高度。在这里阅读更多内容：https ://developer.mozilla.org/en-US/docs/Web/CSS/length
.top{
background-color:green;
color: white;
height:100vh;
display: flex;
flex-direction: column;
}
添加回答
举报
0/150
提交
取消