关于css中的定位

1.静态定位

position:static  是默认值

2.相对定位

position:relative

特性：不脱离文档流 原先位置保留，相对于自身在浏览器中的默认位置进行定位

使用相对定位之后，配合属性  top bottom left right 同一方向属性只能写一个

3.绝对定位

position:absolute

特性：

不脱离文档流，原先位置不保留，飘在文档流上方

无论有没有父元素/祖先元素，相对于浏览器视口区域进行定位

如果父元素/祖先元素设置了定位，相对于父元素/祖先元素进行定位

4.固定定位

position:fixed

特性：

脱离文档流，原先位置不保留，飘在文档流上方

相对于浏览器视口区域进行定位

5.粘滞定位

position:sticky

特性：不脱离文档流，没达到阙值前是相对定位，达到阙值后是固定定位（相对定位+固定定位）

6.z-index定位

元素的堆叠顺序，z-index默认值为0，针对定位流元素而言

兄弟元素 同时开启定位方案

兄弟元素堆叠顺序  谁的z-index高 谁的优先级高