html - 无法消除内容下的背景色

Question

我在这里遇到了一些麻烦。在设计一个网站时，我希望两侧各有两个等距条，并带有强调色，中间的内容位于一个 800 像素宽的白色背景框中。基本上，三列具有不同的颜色。为此，我创建了一个带有 margin-align:auto 左右的内容 div。

#container
{
    height:500px;
    width:800px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

所以我遇到的问题是我的内容框与浏览器窗口的顶部齐平，但是如果屏幕分辨率非常高，我的内容 block 会留下一个空白空间，没有占用足够的空间和强调色显示在我的内容框下方。我需要做些什么才能使内容自行调整以占用更多空间，从而不会显示在底部？

编辑:试试这个http://i.stack.imgur.com/DuNXJ.jpg

编辑 2:已解决!感谢 Blender，cssstickyfooter.com 评论中提供的链接成功了。

Here's the completed correct code ，对于任何偶然发现并对此感兴趣的人。

Answer 1

也许你应该看看这个:https://stackoverflow.com/a/8289963/1068386 ，认为它可能对你有帮助。屏幕截图和更多代码在每种情况下都会有所帮助。