当一个元素（标签）设置了z-index数值（非auto）且是定位元素时，该元素就会产生一块区域叫Stack Context，它规定了该区域中的内容在Z轴上的排列先后顺序。
html元素(根元素) 默认存在一个Stack Context
同一个Stack Context中元素在Z轴上从后到前的排列顺序为：
- 创建Stack Context的元素的背景和边框
- z-index为负值的Stack Context
- 常规流非定位的块盒
- 非定位的浮动盒子
- 常规流非定位行盒
- 任何z-index是auto的定位子元素，以及z-index是0的Stack Context
- 堆叠级别为正值的Stack Context
