absolute 和 relative 比较

absolute 定位:脱离原来位置定位。是相对于最近的有定位的父级进行定位;如果没 有有定位的父级元素,就相对于文档进行定位

relative 定位:保留原来的位置进行定位,相对于自己原来(出生的)的位置进行定位

什么时候用 relative,什么时候用 absolute?

如果想定位,最好找参照物。

absolute 定位:脱离原来位置定位。是相对于最近的有定位的父级进行定位;如果没有有定位的父级元素,就相对于文档进行定位

relative 定位:保留原来的位置进行定位,相对于自己原来(出生的)的位置进行定位

一般用 relative 作为参照物(不用 relative 进行定位),用 absolute 进行定位 给一个元素只设置一个 relative,不设置 left,right,top,bottom,看起来是对这个元 素没什么影响的,但是它保留了原来的位置,就对后续元素没有什么影响 absolute 可以任意的调整自己的参照物,更加灵活,所以用于定位 想让谁成为基地,就给谁 relative 定位,并且不设置方向

position:fixed;固定定位 可以用作小广告,不管滚动条怎么动,它都在一个固定的位置上面 需要搭配 right,left,top,bottom 使用

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值