将 div 拉伸到容器中的页面底部

Question

我正在尝试修复此页面，http://blisshair.com.au/testing/。 我正在尝试做的是让“菜单”和“内容”div 伸展到页面底部。

这是CSS，非常感谢任何帮助，谢谢:)

@charset "utf-8";
/* CSS Document */

body {
    background-color:#000;
}

.wrapper{
    margin-left:auto;
    margin-right:auto;
    background:#0F0;
    width:100%;
    overflow:auto;
    min-height:80%;
}

.wrapper1{
    margin-left:auto;
    margin-right:auto;
    background:url(bg.gif) 20% 0;
    width:100%;
    overflow:auto;
}

.menu{
    float:left;
    width:20%;
}

.content{
    float:left;
    width:80%;
}

footer{
    width:100%;
}

header{
    width:100%;
}

编辑：我正在尝试使“内容”和“菜单”div 延伸到页面的长度，如此处所述。

Answer 1

你可以试试CSSStickyFooter，不需要JavaScript。

Answer 2

根据我自己的经验，这只能通过 JavaScript 来完成。

在我自己的应用程序中，我使用了一个计时器并将高度调整为主窗口的高度。

这就是例如谷歌日历可以做到。

我最近answered a similar question here on SO。