css中的position的六大属性

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

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

  3. absolute
    absolute为绝对定位,脱离文档流(z-index>0),相对于第一个非static属性的父级进行定位。
    在这里插入图片描述

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

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

  6. sticky
    sticky粘性定位,当sticky在所有元素之上时(有top属性这个sticky才会生效),sticky相当于fixed。
    在这里插入图片描述
    当sticky不在所有元素之上时,sticky相当于relative。
    (使用这个时一定要注意兼容性)
    在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值