堆叠上下文

堆叠顺序（无堆叠上下文）

子元素的内容高于父元素的内容

image.png

绝对定位元素在浮动元素上
内联元素在浮动元素上
（position不等于默认值）定位元素，设置z-index才有效

堆叠上下文

一下情况会被触发

image.png

同等级的，后面的层高。
以公司部门比喻理解