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相同的背景。这样可以解决问题，而无需为非内容显示滚动条。