定位的相关介绍

（top和left优先级高）

top：距离顶部的距离。正数就是向下移动

left：距离左侧的距离。正数就是向右移动

显示层级

默认情况下，定位的盒子后来者居上

z-index,值越大越靠上。，默认值为0，配合定位生效

1.静态定位

就是标准流

position：static

2.相对定位

相对于自己之前的位置进行移动定位

position:relative;

特点：

占据原来的位置

仍然具有原有的显示模式特点

改变位置参照自己的位置

3.绝对定位

找已经定位的父元素，如果有以此定位

如果没有，以浏览器参照定位

position：absolute；

特点

不占位子

改变元素显示模式，成为行内块元素

绝对定位的元素不能用margin来居中

4.固定定位

跟着浏览器进行定位移动

position：fixed；

特点

在页面中不占位置

根据浏览器定位

行内块元素