css定位

文章详细阐述了CSS定位中的相对定位、绝对定位、固定定位和粘性定位的概念和应用场景。相对定位常作为绝对定位的参考点,绝对定位可相对于浏览器或有定位属性的父元素,而固定定位始终相对于浏览器窗口。z-index用于控制元素的堆叠顺序,影响层叠显示。粘性定位则在页面滚动时具有吸顶效果。
摘要由CSDN通过智能技术生成

相对定位

 相对自身定位

  通常配合绝对定位使用

绝对定位

            1.相对浏览器定位

            2.父级有定位属性时,相对父级盒子定位

            3.逐级往上找,相对碰到的第一个有定位属性的父盒子定位,

            如果没有,就相对浏览器定位

             

             子绝父相

             为了让绝对定位有定位点,一般会给父级盒子加相对定位

                z-index: ;

            设置堆叠顺序的

            1.默认是z-index:1

            2.数字越大越靠前显示

            3.数字越小比如负数越靠后显示

固定定位

            相对浏览器窗口定位,不随页面滚动改变位置

粘性定位

                偏移量同相对定位

            页面滚动时,滚动到顶部,直接吸顶

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值