1、普通元素和定位元素的层叠
当没有元素包含z-index属性时，元素按照如下顺序堆叠（从底到顶顺序）：
- 根元素的背景和边界；
- 位于普通流中的后代“无定位块级元素”，按它们在HTML中的出现顺序堆叠；
- 后代中的“定位元素”，按它们在HTML中的出现顺序堆叠；
注意：普通流中的“无定位块级元素”始终先于“定位元素”渲染，并出现在“定位元素”下层，即便它们在HTML结构中出现的位置晚于定位元素也是如此。
2、浮动元素
- 根元素（）的背景和边界；
- 位于普通流中的后代“无定位块级元素”，按它们在HTML中的出现顺序堆叠；
- 浮动块元素；
- 位于普通流中的后代“无定位行内元素”；
- 后代中的“定位元素”，按它们在HTML中的出现顺序堆叠；
