0

我有一个为网站创建的页脚，但由于某种原因，当我更改窗口的宽度时，背景图像似乎只是在整个右侧消失，因为我正在缩小窗口的宽度。

页脚应该在屏幕底部拉伸 100%，直到我开始将窗口的宽度缩小到某个点。

您可以在此处查看我的问题示例

任何想法如何解决这一问题？我完全被难住了。也许我在宽度上做错了什么？

例子

4

2 回答 2

1

的宽度#footer设置为auto，( #content-wrapper) 内的内容为固定宽度。

这导致出现水平条。

要解决这个问题，您可以设置overflow:hidden为父 div ( #footer)。

尝试这个：

#footer {
    background-image: url("images/footer-bg.png");
    background-repeat: repeat-x;
    height: 451px;
    margin: auto 0;
    width: 100%;

    overflow: hidden; //What you're looking for.
}

如果您还希望内部 div ( #content-wrapper) 动态调整自身大小，请使用百分比，而不是宽度的像素尺寸：

#footer #content-wrapper {
    height: 451px;
    margin: auto;
    width: 83%;
}
于 2012-07-10T01:30:16.317 回答
0

嗨，我已经检查了您的演示页面，您已经定义了页脚width 1265px ，现在

比你定义的最小宽度你的html或body像这样

body, html {
    min-width: 1265px;
}

因为你的最大宽度是 1265 定义到你的页脚，所以你定义 same width你的body or html

于 2012-07-10T04:24:56.097 回答