固定定位（fixed）和粘性定位（sticky）的比较

固定定位：就是元素的位置相对于浏览器视口是固定。
粘性定位：相当于 position:relative 与 position:fixed相结合，在用户滚动到边界时后变成relative，在没有滚动到边界时又变成fixed。
粘性和固定都可以将元素固定在某一处，但粘性定位更加灵活。
来看一个实例：

这是在固定定位，下将页面拉到最底部，会发现有内容被挡住，因为固定定位不占正常的文档流，所以要想不被挡住就要先预留一定空间。

这是粘性定位下拉到最底部，会发现它类似于relative，是占文档流的。