页面背景和身体背景不显示，因为我认为他们会

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