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进一步控制它。

获取背景颜色以覆盖网站的整个区域

3 个答案: