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>