0

我在#section-content 中设置背景图像,背景是repeat-x,在#section-footer 中设置背景颜色。问题是背景被第一次看到的空间量所削减。

有没有什么办法解决这一问题?

有图像有问题,当分辨率或窗口小并且我向右滚动时,您可以看到页脚背景颜色被切断...

问题图片

4

2 回答 2

1

您需要为页脚定义最小宽度。考虑您的主页包装器的宽度:980px;然后分配min-width: 980px; 到页脚元素。当您调整浏览器窗口的大小时,您的页脚知道他必须将背景重复到指定的最小宽度,即使您的页面获得水平滚动也是如此。

于 2013-07-16T17:45:43.247 回答
0

我的 html 结构看起来像这样

<div id="page">
    <div id="section-header">
    ...
    </div>
    <div id="section-content">
    ...
    </div>
    <div id="section-footer">
    ...
    </div>
</div>

所以我添加到 css

#page {
    margin: auto;
    overflow: hidden;
    min-width: 1180px; /* it fits on my site */
}

问题解决了……

于 2013-07-16T17:53:25.693 回答