position属性详解

position属性是定位属性，拥有三个值
1、

position:absolute;

这个是绝对定位；脱离原来的层/位置进行定位；
仔细的来说就是：相对于最近的、有定位的、父级进行定位，如果没有这样的父级，就相对于整个文档进行定位；
2、

position:relative;

这个是相对定位；保留原来的位置进行定位（原来的位置不能占）；
仔细的来说就是：相对于原来的位置进行定位；

3、

position:fixed;

这个也是绝对定位元素，相对于浏览器窗口进行定位；

使用规律：
一般用relative进行定位，作为参照物
再使用absolute相对于relative进行绝对定位