在拉伸背景的同时保持内容居中

Question

我希望我的网站具有水平分割背景外观，同时将内容保存在980像素的容器中，就像这个网站http://votezachandleah.com/

我通过为div设置高度和背景颜色来完成此操作，但是当我将它们放入容器时，它会将背景颜色降低到980px ......

#container {
    margin: 0 auto;
    width: 980px;
}

#another_section {
    background-color: #66cc33;
    height: 650px;
    width: 100%;
}

#background {
    background-color: #FFFFFF;
    color: #333333
    height:600px;
    text-align: center;
    width: 100%;
}

HTML：

<div id="container">
     <div id="background">
     </div>
    <div id="another_section">
     </div>
</div>

Answer 1

你应该给身体提供与容器相同的颜色。