如何避免 space 围绕 div 应用的背景颜色？

Question

这是我写的代码。但它没有像我预期的那样工作。背景色周围仍然有 space，我想用那种颜色覆盖 div。

这里有什么问题？

#div {
    background-color: black;
    margin: 0;
}

Answer 1

background-color 不应用于页边距。将 margin: 0; 替换为 padding: 0;

Answer 2

发生这种情况可能有两个原因：

您没有在 CSS 中将整个 DOM
您在父元素上有一些 padding，或者在子元素上有一些 margin 您需要删除

附上可运行的片段供您参考

*{
  margin:0;
  padding:0;
  box-sizing:border:box
}

.main{
  background:blue;
  padding:1rem;
}

.child{
  background:red;
  padding:1rem;
}

.grandchild{
  background:yellow;
  padding:1rem;
}

<div class=main>
  <div class="child">
    <div class="grandchild">
        Text
    </div>
  </div>
</div>

如何避免 space 围绕 div 应用的背景颜色？

How can you avoid space around a background color applied on a div?

html

css

background-color