position: relative  |  absolute  |  static  |  fixed

• static： 自动定位，自动定位就是元素在页 面普通文档流中由HTML自动定位，普通文档里中的元素也称为流动元素。不能通过z-index进行层次分级。

• relative： 相对定位，相对定位不脱离文档流，参考其在原来文档流中的位置，通过 top,bottom,left,right 定位，并 且可以通过z-index进行层次分级。

• absolute ：绝对定位，绝对定位脱离文档流，依据最近的已经定位（绝对、相对或固定定位）的父元素，通过 top,bottom,left,right 定位。当父级 position 为 static 时，absolute元素将依据body根元素（浏览器窗口）进行定 位，可以通过z-index进行层次分级。

　　一般搭配relative使用

• fixed ：固定定位，固定定位与父元素无关（无论父元素是否定位），直接根据浏览器窗口定位，且不随滚动条拖动 页面而滚动，可通过z-index进行层次分级。

 

　　z-index

　“在css中,z-index的意思为“层级,层空间层叠等级”。例如：图片的样式为z-index：-1，则它会在文本下方。