保持内容居中

我想我的网站上有这样的水平分割的背景看，同时保持在980px容器的内容，很喜欢这个网站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>

来源

2014-03-05 user3384332

这是因为背景色是用于容器内的div的，所以当它的显式宽度为980px时，颜色无法填充大于容器的区域。你想要什么，具体是什么？ – TylerH

尝试将容器置于背景中而不是其他方式。 – iamthereplicant

我正在寻找的是当你缩小时，无限期水平伸展600px和650px高度的div。我想分解div背后的背景，所以它看起来像divs水平继续其颜色。我觉得应该有一个更容易的修复。 – user3384332

您应该给身体涂抹与容器相同的颜色。

来源

2014-03-05 16:29:03

保持内容居中

回答

相关问题