定位：position

1.静态定位， static默认无定位
2.相对定位 relative
3.绝对定位 absolute
4.固定定位 fixed 固定到某个位置
5.粘性定位 sticky跟前面四个属性值都不一样，它会产生动态效果，很像relative和fixed的结合
根据方向控制位置(top,left,right,bottom)
层级关系
z-index:1范围0-9999

定位的区别
1.占不占原来位置
2.移动是参考哪里
3.是否受父级影响

固定位置fixed，不占原来位置，移动是参照边界浏览器窗口
相对定位relative，占原来位置，移动时参照原来位置
绝对定位absolute，不占原来位置，无父级且父级无定位移动时参照浏览器边界,有父级且父级右定位，移动时参照父级边界
sticky能够形成"动态固定"的效果。
{positon: sticky; top:10px}