后台属性不工作

Question

大家好，我刚刚在 sublime 中建立了一个新项目。我正在尝试将 div 设置为黑色背景色。

这是我的 html 代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="../css/main.css">
    </head>
    <body>
        <div class="header">
        </div>
    </body>
</html>

这是我的 css:

.header {
background: blue;
width: 100%;
height: 100%;
}

我确定有一些非常基本的东西我不理解，但这让我非常恼火。

Answer 1

您还需要将 html 的 height 设置为 100%。

html, body {
  margin: 0;
  height: 100%;
}
.header {
  background: blue;
  width: 100%;
  height: 100%;
}

<div class="header">
</div>

后台 属性 不工作

Background Property Not Working

html

css

background

后台属性不工作