css - body border-top 不超出视口(viewport)

Question

我需要在网站顶部加一条紫线。我没有使用图片，而是在主体上使用了 border-top 属性。这在全 View 中有效，但是当我调整浏览器窗口大小时，紫色线仅出现在视口(viewport)中，当我向右滚动时，我得到一个空白。 Here's the fiddle所以你可以明白我的意思。我已经在主体和容器上尝试了 width: 100%，但无济于事。有人可以建议完成我需要的方法吗？

谢谢。

Answer 1

不确定这是否是实现它的最佳方式，但您可以将 position: absolute; 添加到正文中。这可能会产生一些不良副作用。