标准流（Normal Flow）
默认情况下，元素都是按照normal flow（标准流、常规流、正常流、文档流【document flow】）进行排布。从左到右、从上到下按顺序摆放好。默认情况下，互相之间不存在层叠现象。
在标准流中，可以使用margin、padding对元素进行定位，其中margin还可以设置负数。比较明显的缺点是，设置一个元素的margin或者padding，通常会影响到标准流中其他元素的定位效果，不便于实现元素层叠的效果。如果我们希望一个元素可以跳出标准流,单独的对某个元素进行定位呢?我们可以通过position属性来进行设置。
认识元素的定位
定位允许您从正常的文档流布局中取出元素，并使它们具有不同的行为:例如放在另一个元素的上面;或者始终保持在浏览器视窗内的同一位置。
认识position属性
利用position可以对元素进行定位，常用取值有5个: static、reletive、absolute、sticky、fixed
默认值: static：默认值, 静态定位
使用下面的值, 可以让元素变成定位元素：
- relative：相对定位
- absolute：绝对定位
- fixed：固定定位
- sticky：粘性定位
静态定位 - static
position属性的默认值，元素按照normal flow布局，left 、right、top、bottom没有任何作用。
