水平重复页脚背景图像以填充浏览器窗口

Question

我正在绞尽脑汁试图弄明白这一点。我认为这很容易:)我只是希望页脚扩展浏览器窗口的宽度，而页脚包含960px内的内容，但由于某种原因它只填充到960px。这是我的代码：

footer {
background: url(images/footerbkg.jpg) repeat-x bottom center;
width: 100%;
height: 1232px; 

}

footer section.wrap {
width: 960px;
margin: 60px auto 0;
position: relative;
float: left;    

}

Answer 1

许多网站的页脚都包含在整个包装中。确保在包装器外部放置了页脚div（如果使用的是HTML5，则为页脚标记）。如果是，则100％宽度应该填满屏幕。