固定定位与粘滞定位

 一、固定定位的学习:

                当position的值设置为fixed时,就是开启了该元素的固定定位

                固定定位的特点:

                    1. 固定定位也是一种绝对定位,特点和普通的绝对定位差不多

                    2. 固定定位的位置是相对于当前浏览器的视口(viewport)来说的

                       因此,固定定位的元素不会随着滚动条去滚动。比较适合广告位的设置。  

二、粘滞定位的学习:

 当position的值为sticky时,则开启的元素的粘滞定位

  粘滞定位的特点:

.1.粘滞定位的特点和相对定位的特点差不多。

2. 粘滞定位的不同之处,在于当到达某一个固定位置时,粘住不动。

3. 注意:粘滞定位的位置不能超出父元素的范围,否则粘滞效果消失

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值