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

Question

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

我试图让左右两侧的区域为蓝色，而身体的背景为灰色。

相反，发生了什么是出于某种原因，除了标题都是灰色的外，一切都是蓝色的。

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

如何让颜色按照我的意图运作？此外，我不介意保持顶部区域的灰色背景，因为我认为现在看起来相对不错。

Answer 1

@genadinik;

第一个问题是，您的container div没有占用整个height子div，所以必须如何clear 。第二：现在它需要整个width的屏幕，所以你必须为它定义宽度

 .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 */
}