保持內容居中

我想我的網站上有這樣的水平分割的背景看，同時保持在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

保持內容居中

回答

相關問題