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