无法消除内容下的背景颜色

Question

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

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

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

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

编辑 2：已解决！感谢 Blender，cmets 中提供的指向 cssstickyfooter.com 的链接起到了作用。

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

Answer 1

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