html - 拉伸(stretch)背景时保持内容居中

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

你应该给 body 和容器相同的颜色。