如何使页面背景颜色随处可见，甚至在页面下方？

Question

我这里有一个非常短的（高度）页面：http://www.problemio.com/auth/forgot_password.php它看起来非常尴尬，因为背景颜色只会下降直到页面结束。

我考虑过将设定高度扩展到屏幕下方，但不是真的想这样做，因为它会让我的CSS变得更加混乱。

是否有一种简单的方法可以让这种页面一直向下延伸？

这是我设置总体布局的CSS：

body, html 
{
    #padding: 5px;
}

body 
{
    font-family:  "Century Gothic",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1em;
    background-color: #5C5957;



    #background:url(/img/ui/background_image.png) top left no-repeat;
    #background-size: 100%; 
}

 /* makes the background of the top bar gray */
.container 
{
    position: relative;
    background-color: white;

    overflow:hidden;
    width:1000px;
    margin: 0 auto;
}

谢谢！

Answer 1

将背景颜色规则放在html元素中，如下所示：    html { background-color: #5C5957; }

Answer 2

页面的最小高度为100%？

Answer 3

您还可以将min-height赋予布局div，例如500px。