堆叠上下文（stack context）
它是一块区域，这个区域由每个元素创建，规定了在区域中的内容在Z轴上的先后顺序；
创建堆叠上下文
- 根元素（html元素）
- 设置了Z-index 且为数值，非auto的定位元素
同一堆叠上下文中元素在Z轴的排列
从后到前的顺序
- 创建堆叠上下文的元素的背景和边框
- 堆叠级别为负值的堆叠上下文
- 常规流非定位块盒
- 非定位浮动盒子
- 常规流非定位行盒
- 任何z-index是auto的定位子元素，以及z-index为0 的堆叠上下文
- 堆叠上下文为正数
来源：https://www.cnblogs.com/guyuedashu/p/12499538.html