css position属性

本文详细解析了CSS中五种定位方式:absolute、fixed、static、relative的区别及应用场景,并附带实例说明,帮助读者更好地理解并运用这些定位属性。

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

absolute, 屏幕为参照, 但固定在页面上,随页面滚动而动。

fixed, 父元素没有指定position属性(或position属性为static时)==>屏幕为参照,固定在屏幕的某个位置,不随页面滚动而滚动。

        父元素指定了position属性,且非static时,则参照为父元素, left/top/right/bottom指定其偏移。随父元素而动。

 

static,默认值,位置元素(top, left, right, bottom)修改无效。

relative,正常位置为参照, 相对于正常位置的(偏移)。

 

还没搞清楚? 看看这个:http://zh.learnlayout.com/position.html

 

转载请注明来源:tommy.yu的博客

转载于:https://www.cnblogs.com/Tommy-Yu/p/5711033.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值