html - 为什么我的背景延伸到页面顶部的边缘，而不是底部？

Question

我正在编辑网页底部的背景，发现背景周围有一个白色边框，它与网页的顶部不一致。

我尝试了包含 top: 0; 和 right: 0; 的常用解决方案，我还包含了 background-size: cover, 但这也没有解决问题。

这是我的 CodePen这样您就可以查看 HTML 和 CSS。请注意，我正在用 SASS 编写我的 CSS，所以它有点长。

我希望下方背景(从深紫色过渡到深粉色)一直延伸到边缘，就像上方背景(深粉色到蓝色)一样，但它周围有一个奇怪的白色边框

Answer 1

问题是您的 body 有 8px 边距。

很容易注意到with inspection (Ctrl+Shift+C 在 Chrome 开发工具上)。

Reset it :

body {
  margin: 0
}