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