定位

先定一个位置，设置偏移量，让其漂浮在其他盒子上面

定位的使用

偏移量+定位模式
偏移量：（top,bottom,left,right）
定位模式：
    position:
        static (静态定位(默认)，没有定位，用于清除定位)
        relative（相对定位，不脱标，根据自身位置移动
                会覆盖到其他元素上方，会保留原有的位置）
        absolute（绝对定位，脱标，根据有定位的上级元素来移动位置。
                绝对定位magin会失效）
        fixed (固定定位，脱标，根据浏览器定位，可以单独使用)

定位的拓展

1父相子绝

父元素占据位置，子元素基于父元素进行移动

2绝对定位盒子居中

因为绝对定位脱标了，所以margin：auto失效。
解决：
    (1) left：50%
        margin-left:-一半盒子宽度
    (2) top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;

3堆叠顺序（z-index）

定位元素的位置默认是后来者居上
z-index可以调节显示的优先级，默认是0，值越大，显示优先级越大。
可以是负值，且只对定位生效。