关于定位的总结

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