CSS中Position几种属性的总结

定位position

定位方向：left  right  top  bottom

静态定位：static  默认值，就是文档流

绝对定位：absolute   

特点：

1.不占据原来的位置（脱标）

2. 元素使用绝对定位，位置是从浏览器出发的  bottom:100px;则元素距浏览器底部100px;  

3.嵌套的盒子，父盒子没有使用定位，子盒子绝对定位，子盒子位置从浏览器出发

4.嵌套的盒子，父盒子使用相对定位，子盒子绝对定位，子盒子位置从父元素出发

5.给行内元素使用绝对定位之后，转换为行内块（不推荐使用）

调整元素的层叠顺序，默认值0-999

相对定位：relative    

特点：

1.使用相对定位，位置从自身出发

2.还占据原来的位置

3：子绝父相   

4.行内元素使用相对定位不能转行内块

固定定位：fixed

特点：

1.固定定位之后，不占据原来的位置（脱标）

2.元素使用固定定位之后，位置从浏览器出发

3.元素使用固定定位之后，会转化为行内块（不推荐使用）