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.元素使用固定定位之后,会转化为行内块(不推荐使用)

 

努力的意义就是放眼望去以后都是喜欢的人和事......
原文地址:https://www.cnblogs.com/Lorrained/p/13887626.html