position六种属性及特点

本文详细介绍了CSS中position属性的六种不同值及其特性:static、relative、absolute、fixed、inherit 和 sticky。通过这些介绍,读者可以了解到每种定位方式的特点及应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

position六种属性及特点

  1. static:默认属性,元素出现在正常流中
  2. relative:相对定位,相对于自身偏移,不脱离文档流(肉体分离 ),没有定位偏移量对元素无影响(表现脱离文档流)
  3. absolute:绝对定位,相对于最近的有偏移的元素,使之脱离文档流
  4. fixed:固定定位,相对于可视区定位,脱离文档流(同absoluted)
  5. inherit:从父元素继承position值
  6. sticky(兼容性不好),不脱离文档流,和relative很像,css3新提出的一种方式,在屏幕范围内位置不受left,top影响;当元素位置移出偏移范围时,定位会变成fixed,根据left,top值变成固定定位
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值