Skip to content
大纲

position属性

  1. static —— 默认值
    1. 块级和内联元素在正常文本流中
  2. relative —— 相对定位
    1. 相对自身在文本流的位置偏移
    2. 不影响块级、内联元素本身的特性(absolute会影响宽高,内联可设宽高,块级可内容撑开)
    3. 不脱离文本流,还在文本流中占据原来的位置,定位偏移自身移动不影响其他的兄弟元素重排
    4. 提升层级(z-index只能在relative和absolute、fixed有效)
  3. absolute —— 绝对定位
    1. 相对最近的具有定位属性的上级盒子偏移,如果上级没有就直到document
    2. 影响块级和内联元素的特性,内联可设宽高,块级可内容撑开
    3. 脱离文本流,不在文本流中占据位置,定位偏移自身移动不影响其他的兄弟元素重排,未有偏移属性时,位置处于正常文本流的中位置
    4. 提升层级
  4. fixed —— 固定定位
    1. 相对浏览器窗口定位, 页面滚动不会在视口的位置
    2. 影响块级和内联元素的特性,内联可设宽高,块级可内容撑开
    3. 脱离文本流,不在文本流中占据位置,定位偏移自身移动不影响其他的兄弟元素重排,未有偏移属性时,位置处于正常文本流的中位置
    4. 提升层级
  5. sticky —— 粘性定位
    1. 当父元素在视口内时,表现为relative,父元素开始出视口的时候,表现为fixed,但不会超出父元素
  6. inherit —— 继承父元素的定位
  7. initial —— 设置为默认值

Released under the MIT License.