的HTML

Question

最重要的是有很多与background-color相关的帖子。我已经阅读了几个，并尝试了从设置background-size到隐藏溢出的各种解决方案。似乎没什么用...... 我怎样才能background-color覆盖整个部分？

我有一个非常简单的M.W.E.下面：

<body>
<section>
  TEST!
</section>
</body>

的CSS

body {
  background-color: coral;
}

section {
  background-color: blue;
  width: 100%;
}

Answer 1

您需要在正文标记

上使用margin:auto

下面的代码段

body {
  background-color: coral;
  margin:auto;
}

section {
  background-color: blue;
  width: 100%;

}

<body>
<section>
  TEST!
</section>
</body>

Answer 2

show()元素有一个默认的边距，因此您应该始终添加此规则：

body

此处它适用于您的示例：https://jsfiddle.net/93669xwh/

Answer 3

页面的全宽？

您可以重置或根除：

*, html, body { 
  padding: 0px;
  margin: 0px;
}

Answer 4

我建议阅读＆＃34;重新设置css＆＃34;，将边距和填充，身体，html，p等归零。它可以解决您的问题。 reset-css