扩展“中元素的一部分”；“果冻”；布局-CSS

我将所有主要内容放在一个div中，以限制所有元素的大小。我想很多流行的网站都遵循这种方法。但是，我想扩展导航栏的背景，使其100%延伸到窗口的末端。例如，我在CNN.com这样的热门网站上也看到了这一点（即红色导航栏和标题100%延伸，而所有内容都受到约束，导航栏和标题仍与其余受约束内容对齐），下面是一个屏幕截图。我要怎么复制呢

#allcontent {
    width: 900px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

---

这很简单，你只要有一个100%宽度的div，有背景，还有一个div在里面，以固定宽度或最大宽度居中。例如：

<div id="allcontent">
    <div class="content">
        <p>Your content here.</p>
    </div>
</div>

这是一个带有页眉和页脚的演示：

希望我没弄错你的意思，我以前从没听说过“果冻”的布局

---

注意：如果您的整个布局已经被父元素约束到某个宽度，那么您将很难仅对一个子元素执行此操作。您可能需要重新设计布局。

这很简单，您只需要一个100%宽度的div，带有背景，另一个div位于其中，以固定宽度或最大宽度为中心。例如：

<div id="allcontent">
    <div class="content">
        <p>Your content here.</p>
    </div>
</div>

这是一个带有页眉和页脚的演示：

希望我没弄错你的意思，我以前从没听说过“果冻”的布局

---

注意：如果您的整个布局已经被父元素约束到某个宽度，那么您将很难仅对一个子元素执行此操作。你可能需要修改布局。

那么你从哪里得到“果冻布局”这个词呢？那么你从哪里得到“果冻布局”这个词呢？