实现sticky footer的五种方法
2017-04-19 16:24:48
什么是sticky footer
如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。
用position实现？
如果是用position:absolute或postition:fixed实现的话，都有各自的问题：
- position:absolute
在页面内容不够长时，可以用bottom:0达到页脚的效果；但当页面很长时，因为absolute是相对于父positioned元素，所以页面滚动时，该“footer”就不能随页面滚动保持在最下面了。
- position:fixed
同样，fixed相对于viewport，只能保证在浏览器窗口的下方，不能保证在整个页面的最下面。
实现sticky footer的五种方法
https://css-tricks.com/couple-takes-sticky-footer/
