CSS背景颜色高度100％无法正常工作

Question

我有一个像这样的div：

<div class="background"></div>

我试图给它100％的高度，所以背景颜色是整个div。这是我的CSS：

html, body {
  height: 100%;
}

.background {
  background-color: #1D3862;
  clear: both;
  height: 100%;
}

但它不起作用......我该怎么做才能解决这个问题？

Answer 1

您需要从正文中删除默认边距

html, body {
  height: 100%;
    margin: 0;
}

html,
body {
  height: 100%;
  margin: 0;
}
.background {
  background-color: #1D3862;
  height: 100%;
}

<div class="background"></div>