背景属性不起作用

时间:2015-01-18 21:06:15

标签: html css background

嘿伙计们我只是在崇高中建立了一个新项目。我试图将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%;
}

我确定有一些非常基本的东西,我不理解,但这太刺激我了。

1 个答案:

答案 0 :(得分:0)

您还需要将html的{​​{1}}设置为height

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