CSS：如何强制对象留在容器内但允许全宽背景？ [复制]

Question

这是更好地解释我要实现的目标的草图（红线是不可见的容器）：

我希望页眉和页脚中的对象保留在固定宽度的容器内，但允许页眉和页脚的背景色填充浏览器窗口的整个宽度。我该怎么做？

Answer 1

不要试图将图表中红线表示的区域作为单个元素。

对于每个块：

• 为全宽元素设置背景。
• 在其中放置一个宽度受限的元素。
• 将内容放在宽度受限的元素中。

---

考虑使用一个类来描述宽度受限的元素，这样您就可以将其 CSS 用于您拥有的三个块中的每一个。