如何让CSS的背景色覆盖整个浏览器窗口？
如何使背景颜色覆盖整个浏览器屏幕？
.top{
background-color:green;
color: white;
height:1000px;
display: flex;
flex-direction: column;
}
<div className = "top">
<Header/>
<Body />
</div>
我试过把高度设为100%。但它根本不起作用。我该如何修复它？
慕虎7371278浏览 160回答 3
3回答
-
HUWWW
只需瞄准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> -
RISEBY
background-color直接申请<html>：html, body { background-color: black; } -
BIG阳
你可以使用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;}
随时随地看视频慕课网APP
相关分类
JavaScript