absolute/relative/fixed定位

absolute 绝对定位

1. 特点

某元素设置了绝对定位，就会完全从文档流中抽取出来，会删除该元素在页面中的位置，该元素原来的位置会被占用。（相对定位则不会删除它本体在文档流中占据的那块空间）

也可以通过z-index设置层叠次序，z-index值越大越靠上层。如果把页面比作高楼，正常的元素都是在1层，绝对定位的元素在2层及以上，z-index越大所在层月高，越难被其他元素覆盖。

2. 绝对定位的定位方法

绝对定位的参考对象是最近的已设置了position的祖先元素，并且position不是static，而是absolute或者relative。首先看它的父元素是否设置了position为absolute或者relative，如果有就按父元素的左上角作为参考点（是相对于上述祖先元素的 padding 区域（padding box）定位的。），如果没有则往上走，如果都没有就以页面文档的初始位置作为参考点。