1 标准流（Normal Flow）

默认情况下，元素都是按照normal flow（标准流、常规流、正常流、文档流【document flow】）进行排布
 从左到右、从上到下按顺序摆放好
 默认情况下，互相之间不存在层叠现象

1.1 margin-padding位置调整

1.1 画布 和 视口

2 认识position属性

除了static,其他定位属性都会脱标(自定义位置)

position值对比

2.1 静态定位 - static

会占据标准布局空间

2.2 相对定位 - relative

会占据标准布局空间

2.3 固定定位 - fixed

不会占据标准布局空间

2.4 绝对定位 - absolute

不会占据标准布局空间

2.5 子绝父相

2.6 将position设置为absolute/fixed元素的特点

2.7.粘性定位 - sticky

3 层叠 CSS属性 - z-index