首先解释一下什么是文档流，其实应该是normal flow，不知道为什么中文叫文档流。。。文档流是指元素按从上到下，从左到右的方式显示，是HTML默认的排列布局方式。

下面是position的几个属性

static

position默认属性，元素在页面流中正常出现，并作为页面流的一部分，不能通过z-index进行层次分级

absolute

绝对定位，元素相对离它最近的开启定位的父元素定位（absolute和fix除外），可以通过z-index进行层次分级。开启absolute的元素会脱离正常的文档流，它所占据的位置会被后面的元素顶上

relative

相对定位，元素相对它原本的位置进行定位，可以通过z-index进行层次分级

fix

固定定位，元素相对浏览器窗口左上角定位，可以通过z-index进行层级分级。开启fix的元素也会脱离正常文档流