1. 引言
在网页布局中，经常会涉及到将一个元素固定放置在某些位置的操作：
或者把某些元素固定在页面某个位置，不会随着网页滚动而滚动。
以上效果，标准流做不到，浮动也无法轻易做到。
为了轻松实现上述效果，我们就要继续学习 CSS 常用布局的定位知识。
2. 概述及分类
定位：将元素固定在某一位置，又称为摆放元素。
作用：更加方便进行元素的位置调节
根据用法、特性的不同，定位分为多种模式
常见定位模式：
static 静态定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
下面我们来逐一学习
3. 静态定位：（标准流）
3.1 概述
静态定位：属于元素默认定位方式，就是我们常说的标准流。
即无定位。
语法：
选择器{
position: static;
}
注意：除非我们需要将元素 由其他定位模式 强制改回 标准流，否则一般情况下不用。
4. 相对定位
4.1 概述&入门案例
相对定位： 元素以 自己原先位置 为参照进行定位。
语法：
选择器{
position:relative;
}
准备代码
代码实现：
效果分析&小结
小结：
1、 相对定位的元素，仍然会占用原来在 标准流 中的位置
2、 相对定位可以设置边偏移，会在展示效果上 覆盖标准流（也会覆盖浮动）
4.2 边偏移
边偏移：通过上下左右的偏移来移动定位元素。
作用：在定位中摆放元素
准备代码：
常见偏移样式（标准流和浮动无法设置偏移）
总结：
1、 标准流和浮动无法设置边偏移
2、 相对定位的边偏移，是相对于元素原先在标准流中的位置来定位的。
4.3 进阶案例 1：鼠标移入反馈
我们可以利用边偏移+伪类 制造 鼠标移入反馈。
准备代码： （要求鼠标移入 三个 div，三个 div 不影响整体布局前提下，分别有移动反馈）
（移动反馈：元素向左上移动 5px）
小结：
因为相对定位能使用边偏移，用边偏移的展示效果不会影响其他元素，所以可以用来做一些效果。
4.4 注意事项&总结
1 、 标准流 (position:static;) 和 浮动 不能设置边偏移
2 、相对定位的边偏移，是 相对于 元素原先在标准流中的位置 来定位的。
3 、 相对定位的元素，仍然会占用原来在 标准流 中的位置
