css - 将 Div 拉伸(stretch)到容器中的页面底部

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 拉伸(stretch)到页面的长度，就像这里描述的那样。

Answer 1

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