全高100％的地毯页脚

Question

所以我一直试图找到一种方法来在页面向下滚动时显示页脚我发现了一些与我想要的内容几乎相似的内容：

http://jsfiddle.net/Me2Dz/1/

但请看#content和#footer css。

#content { margin-bottom: 200px; }

#footer { height: 200px; }

除了我想要添加的唯一内容是使我的页脚高度和宽度100％。在示例中，我看到#content的margin-bottom等于页脚高度，但如果页脚高度始终是窗口的100％，我该怎么办呢？

谢谢！

Answer 1

我相信这就是你想要的http://jsfiddle.net/Me2Dz/14/

添加保证金底部：100％;到#content和height：100％;到#footer所以他们看起来像这样

#content {
    width:100%;
    height:1500px;
    margin-bottom:100%;
    background-color:#123456;
}

#footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:#000;
}   

Answer 2

在#footer删除行：

的z-index：-1;

它落后了。