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

Question

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

想想 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 将保持固定宽度并居中。