css 定位+css 属性 z-index:

定位：
1、定位方式：5种
1、文档流
2、浮动定位
3、相对定位
4、固定定位
5、绝对定位

2、定位的属性：position
相对/固定/绝对
只要是定位一定要搭配上偏移属性：top/bottom/left/right
以上的四个属性用于设置定位元素的偏移的位置

3、相对定位：元素会相对于自己原来的位置偏移到某一个新位置
元素原本所占据的空间依旧会占据
如何设置：position: relative;
通过设置偏移属性，实现位置的微调

使用场景：
1、用于微调元素
2、配合绝对定位，当做一个参照物

4、固定定位：将元素固定在网页的某个位置处，不会随着滚动条而滚动
固定定位会脱离文档流，不占据页面空间
如何设置：position: fixed;
通过设置偏移属性，实现位置的定位
起点：浏览器的显示区域

5、绝对定位：元素会脱离文档流，不占据页面空间
通过定位属性固定元素的位置：
绝对定位的起始位置：
1、相对于【最近的】已经定位的祖先元素，那么该祖先元素就是他的参照物
2、如果祖先元素中没有设置定位的元素，那么他的位置会参照 浏览器的显示区域

如何设置：position: absolute;
通过设置偏移属性，实现位置的定位

适用场合：1、下拉菜单
2、模态框
3、块级元素垂直居中

新：堆叠顺序：
属性：z-index
取值：数值，无单位，越大就越靠近我们
默认都为0，先定位的一定在下面，后定位的在上面
注意：此属性只有定位后的元素可以使用

6、普通流的定位：静态定位/文档定位：
position: static;

总共：position: static/relative/fixed/absolute;

特殊：如果多个元素使用了固定或绝对定位，有可能会重叠在一起
z-index: 0;修改层级