背景颜色在整个宽度上，但保持一些填充左右

Question

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

由于容器类为960px，背景颜色（第二页的绿色）未填充整个宽度。

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

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

有什么想法吗？

感谢。

Answer 1

您可以在容器中添加另一个div，它将具有边距而不是填充，然后只需将背景颜色设置为容器。

for(int i = random2; i < random2 + 4; i++) {
    if(i < myArray.length) System.out.println(myArray[i]);
    else break;
} 

Answer 2

删除.container宽度。将宽度添加到fp-tableCell

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

Answer 3

使用此代码.itz工作   。容器 { 宽度：100％ }

.paragraph     {     位置：相对;     填充左：15像素;     填充右：15像素;     }