前端css---绝对定位

position:absolute
绝对定位的盒子是相对于离它最近的一个非定位盒子进行定位的(默认是body)。

比如说有两个盒子(并列)
1》在都不使用绝对定位时,两个盒子垂直排列;
2》第一个使用绝对定位,第二个不使用时,第二个盒子会上移到第一个盒子下方;
3》第一个不使用绝对定位,第二个使用,同1》
4》两个都使用,第二个盒子会上移覆盖第一个盒子
top,bottom、left、right的值是相对于body的
可以理解为使用绝对定位的盒子不占位置,其他盒子会上移,绝对定位的盒子会置于其他元素上,具有覆盖性。
三个盒子同理

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值