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。

将Div扩展到容器中的页面底部

2 个答案: