一、position定位的定义：
CSS定位的内容是：position:relative | absolute | static | fixed
static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级
relative 不脱离文档流，参考自身静态位置通过top，bottom，left，right定位，并且可以通过z-index进行层次分级。
absolute 脱离文档流，通过top，bottom，left，right定位。选取其最近的父级定位元素，当父级position为static时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
fixed 固定定位，这里他所固定的对象是可视窗口而并不是body或是父级元素。可通过z-index进行层次分级。
CSS中定位的层叠分级：z-index： auto | number；
auto 遵从其父对象的定位
number 无单位的整数值。可为负数
二、position定位的原理：
1- relative 可以位移的元素（相对定位）