如何阻止css背景调整大小以适应浏览器窗口?

Question

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

我确信我能在这里找到一个类似的问题，但似乎不能正确地在搜索中找到它。

如果有人能给我指出正确的方向，我一定能弄明白。

看看footer_head和footer_footer类div是如何表现的，当你调整浏览器的大小，使其相当薄，并向右滚动。

截图http://printanomics.unbranded nomads.co.uk/picture - 2. - jpg

Answer 1

需要添加min-width:1000px到.footer-container

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

这将意味着.footer-container将获得的最小width是1000px。但之后会扩展到100%

Answer 2

如果你看一下你的css文件，你会发现页脚宽度被设置为100%，而不是像其他div那样1000px。这也适用于你的背景，因为你的背景不会比div本身大。

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