CSS背景扩展到整个页面宽度

Question

我正在使用960 GS进行网页布局，因此所有内容都以960像素宽度为中心。但是我在网格中有一行我希望背景颜色在页面的整个宽度上展开，而不仅仅是网格的960 px宽度。

在Envato处考虑页脚（虽然我不需要它继续滚动）。

有什么想法吗？非常感谢。

Answer 1

我使用了960网格，并且也遇到过这种情况。我通常倾向于从主容器（例如container_12）中分离出来并在其周围添加一个包装器以实现全宽背景。请看以下示例：

<div id="header">
    <div class="container_12">...</div>
</div>
<div id="content">
    <div class="container_12">...</div>
</div>
<div id="footer">
    <div class="container_12">...</div>
</div>

然后我可以简单地将全宽背景应用于#header，而container_12将保持固定宽度并居中。

Answer 2

我没有明白你的意思，因为你的背景取决于用户的显示分辨率，但一般来说，如果你将html的宽度和边距设置为自动，它会刮擦整个页面，用户最大化或放入任何分辨率，滚动你也可以达到你想要的。 希望它会对你有所帮助。

Answer 3

我不使用960GS，但也许这就是你所需要的：

http://gandrweb.com/blog/comments/960-grid-system-full-width-backgrounds