定位：将元素在页面中重新排列
四大定位：1.静态定位，static，文档流定位，流动布局。
2.相对定位，relative，元素仍在文档流中，只是相对他原来的位置发生位移，是否需要一个父元素无所谓
3.绝对定位，absolute，元素脱离文档流，相对于离他最近的，具有定位属性的父级元素进行定位。，必须要有一个父元素。
绝对定位的盒子是相对于离它最近的一个已定位的盒子进行定位的（默认是body）；要想相对父元素定位，父元素必须设置相对定位（relative）。
4.固定定位，fixed，始终相对于浏览器的窗口进行定位
下面通过分别通过绝对定位和相对定位实现十字架案例。
一：相对定位：
上面HTML和css代码是绝对定位和相对定位中通用 的代码。
接下来是重点：
除了box2盒子不需要移动，其他的盒子采取相对定位的方法，并且向左和向上移动不同的距离，最终形成相对定位下的十字架。
二：绝对定位。前面解释说过，采用绝对定位时，元素脱离文档流。相对于离他最近的一个父元素使用绝对定位，并且父元素使用相对定位。
以上是相对定位和绝对定位中最简单最明显的两个实例了，后面有最新实例还会补上。
总结：基本上说到如何布局，想到浮动布局和定位布局。定位布局中常用的就是相对定位和绝对定位。两种定位简单，但是编写时还是要注意逻辑顺序，否则很容易出错。了解属性的含义。不可用错。
