当窗口宽度变化时，页脚背景图像缩小

我有一个页脚是为网站创建的，但由于某些原因，当我改变窗口宽度时，背景图像似乎随着我缩小而消失在整个右侧窗户的宽度。当窗口宽度变化时，页脚背景图像缩小

页脚应该在屏幕底部伸展100％，并且这样做直到我开始将窗口的宽度缩小到某个点。

你可以看到我的问题Here

任何想法如何解决这个问题的一个例子吗？我完全难住。也许我在宽度上做了错误？

Example

来源

2012-07-10 mystycs

我刚拿出这个代码的和平，并把它的链接作为例。 – mystycs 2012-07-10 01:27:25

的#footer的宽度被设定为auto，和中的内容（#content-wrapper）具有一个固定的宽度。

这会导致水平条出现。

要解决此问题，您可以将overflow:hidden设置为父分区（#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-10 01:30:16

这种有点奏效，但如果有内容，它不会让我由于某种原因滚动到右侧。 – mystycs 2012-07-10 01:32:57

我肯定会需要它是一定的宽度，只是由于某种原因，它不让我滚动到页脚内容的左侧。它虽然有效，但不是那样！ – mystycs 2012-07-10 01:40:54

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

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

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

，因为你的最大宽度1265定义到您的页脚，这样定义same width您body or html

来源

2012-07-10 04:24:56

当窗口宽度变化时，页脚背景图像缩小

回答

相关问题