页面背景和正文背景没有像我想象的那样显示

Question

我正在这个网站上工作： http://www.problemio.com 我正在尝试获取整个背景和身体背景设置。

我试图将左侧和右侧的区域设为蓝色，将主体的背景设为灰色。

相反，由于某种原因，发生的事情是，除了标题全是灰色之外，一切都是蓝色的，哈哈。

我的 css 文件在这里 http://www.problemio.com/main.css

我怎样才能让颜色按照我的预期工作吗？另外，我不介意保留顶部区域的灰色背景，因为我认为现在它看起来相对不错。

Answer 1

@genadinik；

第一个问题是您的 container div 没有占据子 div 的整个 height 那么如何才能清除
。第二：现在它占据了屏幕的整个宽度，所以你必须定义它的宽度

 .container{
  overflow:hidden;
  width:1000px;
  margin: 0 auto;
}

Answer 2

页面上的默认颜色是蓝色：

body {
    background-color : #4dbefa;
}

看起来您有一个 ID 为 bd 的 div，其中包含您的主要内容。由于您尚未指定此 div 的背景颜色，因此它实际上是透明的，您将看到其后面的任何背景。如果您希望颜色不同，则需要覆盖此 div 的背景颜色。

div#bd {
        background-color: #ccc; /* some form of gray */
}