一、div的分层

1. background——border——块级子元素——浮动元素——内联子元素（文字内容）。
2. 背景的范围：border外边沿围成的区域。

二、position

• static：默认值，当前元素在文档流中
• relative：相对定位，升起来，但不脱离文档流
• zindex∶auto：默认值，不创建新层叠上下文 （z-index:0/1/2 z-index:-1/-2）
• absolute：绝对定位，定位基准是祖先元素中的最近的一个非static元素
• fixed：固定定位，定位基准是viewport（有诈）
• sticky：粘滞定位，不好描述直接举例
• 如果写了 absolute，一般都得补一个relative 如果写了absolute或fixed，一定要补top和left
• white-space: nowrap：文字内容不换行

三、层叠上下文

1.每个层叠上下文就是一个新的小世界（作用域）

• 这个小世界里面的z-index跟外界无关
• 处在同一个小世界的z-index才能比较