position几种定位方式

1. static：为默认。不能进行z-index 划分层次。
2. relative:相对定位，不脱离文档流，根据自身位置定位，可用z-index 分层。
3. absolute：绝对定位，可脱离文档流，选取其最近的父级元素定位
4. fixed：为固定定位，参照对象为浏览器窗口，能用z-index 划分层次。

relative

可使用top，left,bottom,right进行定位，根据自身进行定位且不脱离文档流仍保存定位前所占空间。

1. 当前层在文档中第一个出现。则是相对body定位。
2. 如果当前层前面有层，此时定位为相对于上一层定位。

absolute

-

可根据 width，height,left,bottom,top,right进行定位，可脱离文档流，重新定位后不保存原来定位所占的空间。

1. 没有父层时，相对于body定位。
2. 有父层且父层定位了则该层相对于父层定位。
3. 有父层但父层没有定位相当于body定位。