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

时间:2014-03-05 16:14:19

标签: html css background-color

我希望我的网站具有水平分割背景外观,同时将内容保存在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>

1 个答案:

答案 0 :(得分:0)

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