css实现Sticky Footer

所谓 “Sticky Footer”,指的就是一种网页效果: 如果页面内容不足够长时,页脚固定在浏览器窗口的底部;如果内容足够长时,页脚固定在页面的最底部。但如果网页内容不够长,置底的页脚就会保持在浏览器窗口底部。


实现sticky footer的方法有很多,但都有兼容性问题,以下介绍的案例用到的方法虽有点复杂但属于兼容性比较好的。

以下是案例的标注图(源自慕课网)

你可能感兴趣的:(css实现Sticky Footer)