我这里有点麻烦。设计一个网站，我希望两边有两个等距的条，带有强调色，中间的内容在一个 800px 宽的白色背景框中。基本上，三列具有不同的颜色。为此，我创建了一个内容 div，其中 margin-align:auto 用于左右。
#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 评论中提供的链接起到了作用。
这是完整的正确代码，供任何偶然发现并感兴趣的人使用。