堆叠上下文|stack context

如何创建堆叠上下文（stack context）

1. 根元素html
2. z-index值不为auto的定位元素

排列顺序是怎样的？

前（人眼先看到的）> 后

1. 堆叠级别为正值的堆叠上下文
2. 任何 z-index 是 auto 的定位子元素，以及 z-index 是 0 的堆叠上下文
3. 常规流非定位行盒
4. 非定位的浮动盒子
5. 常规流非定位的块盒
6. 堆叠级别为负值的堆叠上下文
7. 堆叠上下文的元素的背景和边框

---

实例

---