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

Question

我正在编辑网页底部的背景，并注意到背景周围的白色边框无法反映网页的顶部。

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

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

我希望下层背景（从深紫色过渡到深粉红色）一直延伸到边缘，而上层背景（从深粉红色过渡到蓝色），但是它周围有一个怪异的白色边框。

Answer 1

问题是您的body有8px空白。

通过检查很容易注意到（Chrome开发工具上为Ctrl+Shift+C ）。

重置它 ：

body {
  margin: 0
}