我有一个带有背景图片的标题容器，如下所示:
#header-container
{
background:url(../img/bg.jpg) repeat-x 0 0px;
margin:0px auto;
width:100%;
text-align:center;
}
当我的浏览器处于全屏模式时(Firefox、Opera、IE)，我得到以下结果(一切正常):
当我将浏览器的大小调整为较小的窗口时，我得到了这个(到目前为止一切顺利):
当我现在向右滚动时，背景图像不会重复。
有没有办法解决这个问题，当我向右滚动时图像会重复出现？ 我知道当我将背景图像移动到 CSS 主体时它会起作用，但我有许多不同 div 的图像，所以我无法使用主体背景图像来完成。
希望有人能给我提示:D
最好的问候， 贝尔特
最佳答案
正如 animuson 在评论中提到的那样，如果您有一组 min-width 或只是一些将页面扩展到可用边界的内容，则更有可能。
有第二个的例子:http://jsfiddle.net/kizu/3hLjv/
要解决第二个问题，您可以使包装器的宽度由其子项设置，例如，您可以为此使用inline-block:http://jsfiddle.net/kizu/3hLjv/1/ , 如果你没有包装器，你可以将它设置为 BODY: http://jsfiddle.net/kizu/3hLjv/2/
如果您有一些 block 的width或min-width大于header的，只需将相同的min-width添加到 header :http://jsfiddle.net/kizu/3hLjv/3/
关于html - 当浏览器窗口小于内容时，背景图像不会重复？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7493425/