CSS中的常见的布局方案：
流式布局
浮动布局
层布局（定位）
层布局：定位 position
static 不定位 默认值
relative 相对定位
absolute 绝对定位
fixed 固定定位
不管是什么类型的定位，都需要使用top, left, right, bottom来调整它的偏移量。
相对定位：relative
相对定位 是 相对于 它原本出现的位置。可以在原本的位置基础上进行调整。
定位的元素 原本的空间 不会 被 后面元素 占用。
使用top(向下移动), left（向右移动）, right（向左移动）, bottom（向上移动）
其中1个或2个设置它的偏移量。
最常用的：top left
相对定位的应用：
1） 元素局部位置调整 如导航条某个导航上面的小图标
2） 设置input checkbox框 元素局部位置调整
相对定位参考点：就是它原本的位置
3） 作为绝对定位的参考点
绝对定位的参数需要我们设置 position:relative
绝对定位：
根据参考点进行定位，通常参考点设置 position:relative。
特点：
1）绝对定位 完全脱离了 标准文档流，浮动 是 半脱离 标准文档流。
2）
根据参考点进行定位，如果不设置参考点，最终以body为参考点。
父相子绝
通常来说，一个子元素绝对定位了，它的父元素会相对定位（参考点），所谓“父相子绝
3）绝对定位也需要使用top, left, right, bottom其中的一个或二个设置偏移量。
4）如果一个元素 绝对定位了，也会 变成 块级元素
3）通过z-index可以改变绝对定位的元素前后顺序，值越大越靠前。
应用：
1）把 一个小盒子 定位到 某个 大盒子 上面。
2）实现一个大盒子的居中。
如何让一个大盒子水平垂直居中？
A，绝对定位。
B，...
