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