css-float - float 页脚始终位于底部并且可见

Question

我有一个像这样的网站: >> website <<。它由2个框架构成-主框架和页脚。我试图使其在没有框架的情况下工作(在手机上不工作)。是否有任何简单的CSS或jQuery方法将页脚固定在底部始终可见？所以效果就像上面的网站？我试图使用css，但是页脚仅在我向下滚动时显示。我希望页脚覆盖实际的内容，因此它总是高50像素，并且始终在屏幕底部可见。即使页面高度是10000px。我相信这很简单，但是我迷路了。提前谢谢你的帮助

Answer 1

是。这是position: fixed属性。

.footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
}

演示: http://jsfiddle.net/ZsnuZ/