浮动页脚总是在底部并且可见

Pio*_*ski 29 footer sticky-footer css-float

我有一个像这样的网站:>>网站<<.它由2个框架构成 - 主要和页脚.我试图让它在没有框架的情况下工作(不要在手机上工作).是否有任何简单的CSS或jQuery方法将页脚粘贴在底部以便始终可见?所以效果就像上面的网站?我试图使用CSS,但只有当我向下滚动时,页脚才出现.我希望页脚覆盖实际内容,因此它总是例如50像素高,并始终在屏幕底部可见.即使页面高10000px.我相信这很简单,但我在那里迷路了.提前谢谢你的帮助

Chr*_*rga 54

是.这是position: fixed财产.

.footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
}
Run Code Online (Sandbox Code Playgroud)

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

  • 它保持固定,但如果您的内容高于视口,则内容底部 50px 将被页脚遮挡 (3认同)
  • 你的CSS有一个致命的缺陷。如果向页面添加内容,浮动页脚会隐藏底部内容 (2认同)