绝对位置和溢出属性

Question

我正在制作这个有粘性页脚的页面。

内容div正在通过粘性页脚，由于绝对定位，我无法使overflow:hidden;正常工作。

任何人都可以帮助我吗？

请不要对设计发表评论：P也不是我的一杯茶。

Link to site | Link to jsfiddle example

Answer 1

将以下CSS添加到页脚

position: fixed;
bottom: 0;
width: 100%

Answer 2

首先，将#footer放入#wrapper。

#wrapper {
    min-height: 100%;
    overflow-y: hidden;
}
#footer {
    position: absolute; 
    bottom: 0;
    z-index: 1;
}
#main {
   z-index: 0;
}