position定位： static/absolute/raletive/fixed/sticky

1)static是position属性的默认值。如果省略position属性，浏览器就认为该元素是static定位

2)relative、absolute、fixed这三个属性值有一个共同点，都是相对于某个基点的定位，不同之处仅仅在于基点不同;另外都必须搭配top、bottom、left、right这四个属性中的两个使用(top和bottom二选一，left和right二选一)

         a.relative相对于默认位置（即static时的位置）进行偏移

         b.absolute 脱离原来位置进行定位，最近的有定位的父级，就进行定位；如果没有，那么相对于文档进行定位

         c.fixed相对于视口（浏览器窗口）进行偏移，即定位基点是浏览器窗口。这会导致元素的位置不随页面滚动而变化，好像固定在网页上一样

3)sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合：一些时候是relative定位（定位基点是自身默认位置），另一些时候自动变成fixed定位（定位基点是视口）,页面向下滚动时，工具栏变成固定位置，始终停留在页面头部（fixed定位）,等到页面重新向上滚动回到原位，工具栏也会回到默认位置;sticky生效的前提是，也是必须搭配top、bottom、left、right这四个属性中的两个一起使用

此处以经典五环为例：