一、定位样式详解
- css position属性用于指定一个元素在文档中的定位方式,其中top(上)、right(右)、bottom(下)、left(左)属性则决定了该元素的最终位置
- static 默认值,没有定位
- relative 相对定位
- absolute 绝对定位
- sticky 粘性定位
- fixed 固定定位
二、定位及特性
1.相对定位及特性
- 相对定位的元素是在文档中的正常位置偏移给定的值。
- 不影响其他元素布局
- 相对于自身进行偏移
2.绝对定位及特性
- 绝对定位的元素脱离了文档流,绝对定位元素不占据空间
- 具备内联盒子特性:宽度由内容决定
- 具备块级盒子特性:支持所有样式
- 绝对定位元素相对于最近的非static祖先元素定位,当这样的祖先元素不存在时,则相对于可视区定位
- 当父元素都有定位模式的时候,是以离最近的父元素由定位模式的做偏移