9.各个定位在文档流中的占位情况——软设总结系列
9.1定位的分类
- 静态定位:
static
- 相对定位:
relation
- 绝对定位:
absolute
- 固定定位:
fixed
9.2 各个定位的特点
- 静态定位:默认定位方式,按照标准流位置,没有边偏移。
- 相对定位:元素移动时是相对于它原来的位置来说的;原来在标准流的位置继续占有,后面盒子任然以标准流的方式对待它。
- 绝对定位:相对于最近的
relation
/absolute
的父盒子移动;不占有原来的位置。 - 固定定位:元素固定于浏览器可视区的位置;不占有原先位置。
9.3 各个定位是否脱离标准流
定位 | 脱离标准流与否 |
---|---|
static | 否 |
relative | 否 |
absolute | 是 |
fixed | 是 |