关于定位的总结

position的几种取值:static(默认),relative,absolute,fixed,sticky
static：
默认值，not positioned，正常文档流。此时top,right,left,bottom,z-index等无效
relative:
相对于原本该在的位置进行移动，可是文档流仍是原来的位置。能够用其来实现居中。
absolute:
相对于前一个非static祖先元素进行定位，此时元素脱离了文档流。能够结合translate实现水平，垂直居中。
fixed:
相对于浏览器定位,此时文档脱离了文档流。