身體邊框頂部不會超出視口

Question

我需要沿着網站頂部的紫色線條。我使用的是身體上的border-top屬性，而不是使用圖像。這在全視圖中工作，但是當我調整瀏覽器窗口的大小時，紫色線條只出現在視口中，當我向右滾動時，我得到一個空白區域。 Here's the fiddle所以你可以看到我的意思。我試過width: 100%在身體和容器上，但無濟於事。有人可以提出一些方法來完成我所需要的嗎？

謝謝。

Answer 1

如果你知道你的文檔寬度，那麼你可以指定一個最小寬度。

body { min-width: 960px; } 

Answer 2

不知道這是否是最好的方法來完成它，但你可以將position: absolute;添加到身體。這可能會有一些不希望的副作用。

Answer 3

嘗試體邊界劈:)

http://css-tricks.com/558-body-border/

專爲固定的位置，但應該爲你工作爲好。

Answer 4

將display: inline-block;添加到body和container也工作。見http://jsfiddle.net/K5zVq/16/。

Answer 5

與skoh-fley的雖然可能後果較少有關的二級答案是將float: left添加到body：http://jsfiddle.net/K5zVq/20/。雖然我認爲我會傾向於我在這裏發佈的第一個答案（儘管你比我更瞭解你的情況）。