即使浏览器调整大小，页脚也应留在底部并保持在固定的 position

Question

我有一个带有几个按钮的页脚，无论上面的内容是什么或 window 的大小是多少，它都停留在页面底部距页面底部 60px 的高度......这很好用. 这是我正在使用的 CSS：

#container
{
    min-height: 100%;
    height: 100%;
    position: relative;
}
#footer
{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px; /* Height of the footer */ 
}
#wrap
{
    min-height: 100%;
    max-height: 100%;
}

现在，问题是，如果我调整 window 的大小，容器将变为可滚动（容器内的所有控件都按预期滚动）但页脚仍保持在距页面底部 60px 处，并最终与容器控件重叠。 我希望页脚保持在底部，并且只有当我向下滚动到页面底部时才应该可见......希望我清楚这个问题！

有人可以帮忙吗！！！

Answer 1

@pronay sharma，可能你想要一个粘性页脚。

检查这些链接：

粘性页脚 CSS 问题

http://css-tricks.com/snippets/css/sticky-footer/

http://www.cssstickyfooter.com/

CSS 粘滞页脚实现的问题