CSS：背景缺席滾動時水平

Question

確定我已經建立了這樣的背景：

HTML

<div id="container"> 
    <div id="content"> 
    CONTENT HERE 
    </div> 
</div> 

CSS

#container 
{ 
    background:url(image.gif); 
} 
#content 
{ 
    width:800px; 
    margin:auto; 
} 

這樣的想法是內容要內800px的框，而內容的背景跨越100％，我有不同的區域，如頁眉，頁腳和頁面的主要部分相同的設置。所以他們都擁有100％不同的背景，而內容全都在800像素以內。

所有這些都可以正常工作，直到您使窗口足夠小以顯示水平滾動條，然後當您水平滾動時，顯示的部分不再具有背景，但是如果使頁面變寬，則背景是否存在。

你可以在這裏看到：Clicky

是有辦法解決這一問題？

謝謝！

Answer 1

由於您使用的是固定寬度的內容區域，爲什麼不給您的#container（實際上#inner_content_container在您的網站上）固定的寬度呢？由於您的圖像寬度爲824px，我只是使用FireBug將您的容器製作成寬度和問題消失。

注意：當你做到這一點，你需要給容器中的汽車利潤率也並設置溢出隱藏的，如果你不想滾動條..

#container { 
    margin:auto; 
    overflow:hidden; 
    width:824px; 
} 

Answer 2

我想通了（或者看起來）當你滾動時，只有#content的背景是「揭示」不是#container的背景。所以我所做的是將#content設置爲也具有與#container相同的背景。這樣可以解決問題，而無需爲非內容顯示滾動條。