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