已解決430363個問題，去搜搜看，總會有你想問的

如何讓CSS的背景色覆蓋整個瀏覽器窗口？

首頁猿問如何讓CSS的背景色覆蓋整個瀏覽器窗口？

如何讓CSS的背景色覆蓋整個瀏覽器窗口？

JavaScript

慕虎7371278 2023-07-29 13:54:57

如何使背景顏色覆蓋整個瀏覽器屏幕？.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;

}

<Body/>

</div>

反對回復 2023-07-29

RISEBY

TA貢獻1856條經驗獲得超5個贊

background-color直接申請<html>：

html, body { 
    background-color: black; 
    }

反對回復 2023-07-29

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;

}

反對回復 2023-07-29

3 回答
0 關注
211 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何讓CSS的背景色覆蓋整個瀏覽器窗口？

如何讓CSS的背景色覆蓋整個瀏覽器窗口？

3 回答

添加回答

如何讓CSS的背景色覆蓋整個瀏覽器窗口？