堆叠上下文

1.定义

堆叠上下文 stack context,它是一块区域，这块区域由某个元素创建，它规定了该区域中的内容在z轴上的排列顺序

2.创建堆叠上下文的元素

（1）

html元素

（2）

设置了z-index(非auto)数值的定位元素

3.同一个堆叠上下文中元素的排列顺序

从后到前

（1）

创建堆叠上下文的背景和边框

（2）

堆叠级别为负值的堆叠上下文

（3）

常规流非定位的块盒

（4）

非定位的浮动盒子

（5）

常规流非定位行盒

（6）

任何z-index为auto的定位子元素，以及z-index为0的堆叠上下文

（7）

堆叠级别为正值的堆叠上下文（z-index的值）

4.每个堆叠上下文都是一个整体，各个堆叠上下文不能互相穿插