1. static
    static 默认样式,不会脱离文档流,并且top,bottom,left,right对于它失效。

  2. relative
    relative为相对定位,不会脱离文档流,相对于其本身正常的位置进行定位。

  3. absolute
    absolute为绝对定位,脱离文档流(z-index>0),相对于第一个非static属性的父级进行定位。
    css中的position的六大属性

  4. fixed
    脱离文档流,相对浏览器窗口进行定位,不论窗口是否滑动它都定位于那个位置。

  5. inherit
    继承父元素的定位样式。

  6. sticky
    sticky粘性定位,当sticky在所有元素之上时(有top属性这个sticky才会生效),sticky相当于fixed。
    css中的position的六大属性
    当sticky不在所有元素之上时,sticky相当于relative。
    (使用这个时一定要注意兼容性)
    css中的position的六大属性

相关文章:

  • 2021-04-16
  • 2022-01-04
  • 2021-12-02
  • 2022-02-26
  • 2021-12-20
  • 2022-02-09
  • 2022-12-23
猜你喜欢
  • 2021-09-21
  • 2022-02-11
  • 2022-12-23
相关资源
相似解决方案