position 有4种，分别对应效果和用法

1：relative
相对定位，经常配合absolute来实现垂直居中；

2：absolute

绝对定位(脱离文档流的布局)，起始位置为html文档，如果父元素为relative则相对于父元素；

3：fixed

固定定位(类似于absolute)，相对于浏览器窗口不随着滚动条而改变位置， 通常用于功能：回到顶部按钮；

4：static