CSS position属性用于指定一个元素在文档中的定位方式。top，right，bottom和 left属性则决定了该元素的最终位置。
一、static(正常文档流)
所有html元素初始position都是默认static，此时top,left,right,bottom和z-index属性无效。
二、relative
相对于static,此时top,left,right,bottom和z-index属性有效。但position:relative 对table-*-group, table-row,table-column, table-cell, table-caption 元素无效。
三、absolute(脱离文档流)
元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非static定位祖先元素的偏移，来确定元素位置。绝对定位的元素可以设置外边距（margins），且不会与其他边距合并。
四、fixed(脱离文档流)
元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。打印时，元素会出现在的每页的固定位置。fixed 属性会创建新的层叠上下文。当元素祖先的 transform, perspective或 filter 属性非 none 时，容器由视口改为该祖先。
五、sticky(正常文档流)
元素根据正常文档流进行定位，然后相对它的最近滚动祖先和 containing block (最近块级祖先)，包括table-related元素，基于top, right, bottom, 和 left的值进行偏移。偏移值不会影响任何其他元素的位置。
