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

我正在尝试修复此页。 我想做的是，让“菜单”和“内容”分区延伸到页面底部

这是CSS，非常感谢您的帮助，谢谢：）

---

编辑：我试图使“内容”和“菜单”div延伸到页面的长度，如这里所述。

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

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

谷歌日历就是这样做的

---

我最近刚收到一封信。

您可以试试，不需要JavaScript。

回答错误，仅此而已。它可以在没有javascript的情况下完成。我删除了-1。谢谢，@sinelaw-我知道粘贴可以在没有JavaScript的情况下完成。不使用JavaScript也可以进行拉伸吗？对不起，Uwe Keim，从技术上说你是对的，但实际上，粘性页脚方法使内容看起来总是至少占据整个高度，页脚位于底部。我猜这就是Nik所需要的。嘿，谢谢你的javascript想法，没有办法用CSS做到这一点吗？如果不是我肯定会添加这个，唯一的缺点是我对javascript没有任何线索，我希望有了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%;
}