定位：
position：absolute绝对定位； 相对父级元素调整自身如果没有父级元素参照body调整
position：relative相对定位; 相对自身原来位置进行偏移
position：fixed固定钉位； 相对于页面调整位置并固定位置不收页面滑动影响
position：static 默认定位方式
绝对定位：
/* absolute 绝对定位 脱离了标准的文档流
设置绝对定位之后，前面的会被后面的盖住
内部是绝对定位，父盒子也是绝对定位，就会以父盒子为基准进行定位
如果父盒子不是绝对定位，那么他就会以body为基准进行定位 */
在设置了absolute之后布局会脱离标准流，一般的我们会在父元素里设置relative来使他的定位恢复文本流 所以在工作中，我们采用relative和absolute相结合的方法进行布局和定位
Z-index提高层级：
默认的absolute relative fixed static层级都是0如果想要提高层级可以使用z-index：（层级）来使想要的元素优先显示
