div设置为100％不会工作

Question

这是我的网站 http://iadprint.com/about

我正在尝试使菜单标签和colright div的高度为100％并坚持向下推到底部的页脚div。但不管我尝试什么都行不通。我已经尝试验证HTML，但只存在3个错误，这些错误并不重要。什么是错误的？

Answer 1

您需要使用faux background technique，CSS（可能与table-cell）或JavaScript。

Answer 2

我喜欢这种场景的固定布局，你希望页脚总是出现在窗口的底部：

header
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
}

nav
{
    width: 960px;
    margin: 0 auto;
}

article
{
    top: 130px;
    bottom: 120px;
    left: 0;
    width: 100%;
    position: fixed;
    overflow: auto;
}

footer
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
}