当前位置：文江博客话题详情

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

发布于 2024-12-11 00:50:57 字数 200 浏览 1 评论 0原文

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

想想 Envato 处的页脚（尽管我不需要它坚持滚动）。

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夏末染殇 2024-12-18 00:50:57

我经常使用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将保持固定宽度并居中。

I use the 960 grid quite a bit and have also come across this scenario. What I generally tend to do is break out from the main container (container_12 for example) and add a wrapper around it to achieve the full width background. Take the following example:

<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>

Then I can simply apply the full width background to #header and container_12 will remain fixed width and centered.

回复收藏 0 原文