首先了解一下标准流
标准流：又称文档流，是浏览器在渲染显示网页内容时默认采用的一套排版规则，规定了应该以何种方式排列元素
常见的标准流排列方式、
块级元素：从上往下，垂直布局，独占一行
行内元素 或 行内块元素：从左往右，水平布局，空间不够自动折行
了解标准流是为了后面定位做准备，让我们回到定位上面来，首先了解一下定位的属性名
position：
常见的属性值：
静态定位：static
相对定位：relative
绝对定位：absolute
固定定位：fixed
水平方位：左left 右right
垂直方位：上top 下bottom
注意：偏移值是距偏移方向的距离。
静态定位
静态定位是默认值，就是之前认识的标准流
position：static
注意：
不能使用偏移值
静态定位就是之前标准流，不能通过方位属性进行移动
之后说的定位不包括静态定位，一般特指后几种：相对、绝对、固定
相对定位
position：relative
特点：
需要配合方位属性实现移动
相对于自己原
