定位分为4种方式：静态定位，相对定位，绝对定位，固定定位
静态定位：position:static
相对定位：position:relative
根据自身原来的位置定位，没有脱离标准流
绝对定位：position:absolute
1.定位的元素没有父元素的情况下，根据浏览器的可视区域定位；
2.定位的元素有父元素，父元素无定位(或父元素有静态定位)，根据浏览器可视区域定位；
3.定位的元素有父元素，父元素有定位（非静态），根据父元素定位；
固定定位：position:fixed
根据浏览器可视区域定位，与父元素无关
定位的元素如果要在父元素中垂直水平居中：
top:50% margin-top: -(定位元素高度的一半)；
left:50% margin-left: -(定位元素宽度的一半)；
层级：z-index 只能给定位的元素添加 默认值：auto
数值越大，层级越高，盒子越靠上