定位（position）
1.静态定位（static）
静态定位是每个元素获取的默认值——它只是意味着“将元素放入它在文档布局流中的正常位置 ——这里没有什么特别的。
2.相对定位（relative）
也就是相对于自己在文档流中的位置（static）进行定位。
特点：
1.不脱离文档流，原有空间位置被保留。
2.针对自己本身位置进行定位。
3.不影响元素本身属性的设置。
3.绝对定位（absolute）
它是相对不是static最近一级父元素来进行定位的，被定位元素会脱离文档流，然后我们可以通过left,right,top,bottom来调整元素的位置
特点：
1.完全脱离文档流。
2.提升层级等级。
3.针对父级定位，如果父级没有定位，那就找父级上一级定位，如果父级上一级没有定位，最终以docment进行定位。
4.绝对定位一般配合相对定位使用，相对定位是父级，绝对定位是子级。
5.支持所有CSS样式。
6.提升定位元素层级的命令 z-index数字越大，越向上显示。
7.如果绝对定位的子集有浮动，可以不做清除浮动操作。
4.固定定位（fixed）
是相对浏览器窗口（docment）进行定位的，同样也是脱离文档流，可以通过left，top，right，bottom来调整元素所在的位置。
5.层级（z-index）
网页也有一个z轴：一条从屏幕表面到你的脸（或者在屏幕前面你喜欢的任何其他东西）的虚线。z-index 值影响定位元素位于该轴上的位置；正值将它们移动到堆栈上方，负值将它们向下移动到堆栈中。默认情况下，定位的元素都具有z-index为auto，实际上为0。
补充
更多参考MDN