我需要在网站顶部有一条紫色线条。而不是使用图像我在身体上使用border-top属性。这在全视图中工作但是当我调整浏览器窗口的大小时，紫色线条仅出现在视口中，当我向右滚动时，我得到一个空白区域。 Here's the fiddle所以你可以看到我的意思。我在身体和容器上都试过width: 100%，但无济于事。有人可以建议实现我需要的方法吗？
谢谢。
答案 0 :(得分：2)
不确定这是否是完成此操作的最佳方法，但您可以将position: absolute;添加到正文中。这可能会产生一些不良副作用。
答案 1 :(得分：1)
如果您知道文档宽度，则可以指定最小宽度。
body { min-width: 960px; }
答案 2 :(得分：0)
答案 3 :(得分：0)
向display: inline-block;和body添加container也有效。请参阅http://jsfiddle.net/K5zVq/16/。
答案 4 :(得分：0)
与skoh-fley相关的次要答案虽然可能影响较小，但可以float: left添加body：http://jsfiddle.net/K5zVq/20/。虽然我认为我会倾向于我在这里发布的第一个答案（尽管你比我知道你的情况更好）。