html - 在整个宽度上具有背景颜色，但在左右两侧保留一些填充

Question

我这里有一个测试网站:http://test-minimalist.weebly.com/#bbienfaits

由于容器类别为 960px，背景颜色(第二页为绿色)未填满整个宽度。

如果我将此容器设置为 width = 100%，我的背景色将填满整个空间。这很完美，但出现了另一个问题:文本也占据了整个空间，但我更喜欢左右填充。

所以我尝试将 padding: 0 100px; 放在这个容器上，但是背景颜色不再填充这个空间。

有什么想法吗？

谢谢。

Answer 1

删除 .container 宽度。为 fp-tableCell

添加宽度

.container {
 margin: 0 auto;
 width: auto;
}
.fp-tableCell {
 display: block;
 vertical-align: middle;
 height: 100%;
 margin: 0 auto;
 width: 960px;
}