没有显示的容器颜色背景

Question

我刚刚制作了一个新的布局，在我的容器中应该用浅蓝色填充。除了它似乎没有工作。在屏幕截图中，它还显示容器如何启动但随后在导航链接下方停止。

容器背景似乎也在我的.index.php页面上工作，但在我的其他任何页面上都没有，因为我使用PHP包含。

链接到我的布局屏幕：http://i56.tinypic.com/2wgc4fs.jpg

我的CSS是这样的：

#container {
  margin: 0 auto 0 auto;
  width: 900px;
  padding: 10px;
  background: #a1aeae;
}

Answer 1

浮动内容不会影响容器的高度（并从底部掉出），背景只会出现在容器所在的位置。

请参阅containing floats了解原因，methods for containing floats了解一些比额外div元素更好的方法。我喜欢overflow方法。

Answer 2

我认为你必须这样说

#container {
margin: 0 auto 0 auto;  
width: 900px;
padding: 10px;
background-color: #a1aeae; 
}