獲取背景色以覆蓋網站的整個區域

Question

我真的不知道該如何措辭，但是無論如何，目前我的網站看起來很奇怪。 我的外觀看起來非常好，但是由於頁腳占據了頁面的整個主要部分（我想在頁腳和主要部分之間添加顏色變化）這一事實，我對其進行了更改。

所以我想知道的是，如何使“主區域文本”背景色覆蓋從導航欄到頁腳（也和導航欄一樣寬）的所有內容？ 我會更改為使用像素，但這並不意味着在您決定更改像素時會產生很多猜測？ 當然，有一種更簡單的方法！

感謝提供的任何幫助

碼：

.mainsection{
float:left;
width: 660px;
margin:30px;
background-color:#999;

}

.center{
background-color:#999;  
}

HTML：

<div class="center">

            <section class="mainsection">
                <p>Main Area</p>
            </section>

            <aside class="sidenews">
                This is the side news
            </aside>
        </div>

Answer 1

怎么樣：

html {
   background: #999;
}

要么

body {
   background: #999;
}

？

Answer 2

嘗試這個 ; 為所有主要頁面（如.center）創建一個新類，並添加以下樣式，希望對您有所幫助。

body{background:#999;width:100%;height100%;}
.center{margin:auto; width:960px;}

Answer 3

您可以嘗試做的另一件事是在div中包裝想要特定背景顏色的所有區域，然后設置該div的類並在該類中執行背景顏色屬性。 您必須從其余的類中刪除背景顏色屬性，才能正常工作。 您可以使用！important進一步控制它。