Question

使用css背景时，例如在下面页面的页脚中（在元素div.footer_head和div.footer_footer中），如果浏览器窗口的大小调整为小于约1000px div本身保持全宽，但在浏览器中向右滚动会导致空白出现在背景所在的位置。

我确信我会在这里找到一个类似的问题，但似乎无法正确地说出它在搜索中找到它。

如果有人能指出我正确的方向，我相信我可以解决这个问题。

当您将浏览器调整为非常薄并向右滚动时，请查看具有类footer_head和footer_footer的div的行为。

Answer 1

如果您查看了css文件，您将看到页脚宽度设置为100％而不是其他div的1000px。这也适用于你的背景，因为你的背景不会比div本身大。

我不知道你是否使用它，但Firebug是一个非常好的Firefox插件，可以识别CSS文件中的麻烦。

Answer 2

您需要向min-width:1000px添加.footer-container。

.footer-container {
    float: left;
    line-height: 1.5;
    margin-top: 20px;
    width: 100%;
    min-width: 1000px; /* add this */
}

这意味着width获得的最小.footer-container为1000px。虽然之后它会扩大到100％。