将div拉伸到页面底部

Question

我目前正在制作我的网站，

http://csgoshack.com/shop/index.php?page=cats&id=12&action=all

当页面上有整页内容时，白色div似乎只会到达页面底部。当页面上没有足够的内容时，它不会一直显示在此处显示的底部：

http://csgoshack.com/shop/index.php?page=status

我将如何制作它，以便页面上的任何内容，白色div总是会在页面底部显示我的CSS：

.whitebg 
{
    padding: 10px;
    border-right: 1px solid black;
    border-left: 1px solid black;
    background-color:#ffffff;
    position: absolute;
    left: 50%;
    margin-left: -625;
    margin-top: 50px;
    padding: 10px;
    height: 100%;
    width: 1250px;
}

最好的方法是什么？

非常感谢。

Answer 1

将html和body的高度设置为100％，然后将白色div设置为min-height 100％

Answer 2

白色div不会与height: 100%一起显示在底部，因为.whitebg的父div未设置为height: 100%。那么你要做的是将所有父级div的高度.whitebg设置为height: 100%;

我刚做了一个简单的例子：

这里，白色div不会到达页面底部： http://jsfiddle.net/sntjcark

我们走了，它正在发挥作用：http://jsfiddle.net/sntjcark/1/

我刚刚在html和body标签中添加了height: 100%。