首先解释一下什么是文档流，其实应该是normal flow，不知道为什么中文叫文档流。。。文档流是指元素按从上到下，从左到右的方式显示，是HTML默认的排列布局方式。
下面是position的几个属性
static
position默认属性，元素在页面流中正常出现，并作为页面流的一部分，不能通过z-index进行层次分级
absolute
绝对定位，元素相对离它最近的开启定位的父元素定位（absolute和fix除外），可以通过z-index进行层次分级。开启absolute的元素会脱离正常的文档流，它所占据的位置会被后面的元素顶上
relative
相对定位，元素相对它原本的位置进行定位，可以通过z-index进行层次分级
fix
固定定位，元素相对浏览器窗口左上角定位，可以通过z-index进行层级分级。开启fix的元素也会脱离正常文档流
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。