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

Question

我在这里遇到一点麻烦。设计一个网站，我想要两边同等间距的条纹，带有强调色，中间的内容是800px宽的盒子，背景为白色。基本上，三列有不同的颜色。为此，我创建了一个内容div，其中margin-align：auto for left和right。

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

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

修改：试试这个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，认为它可能会对您有所帮助。在每种情况下，屏幕截图和更多代码都会有所帮助。