绝对定位与相对定位的区别

相对定位
方向的优先级:多个位置偏移量出现 左上为尊
1.相对定位的掺照物是参照自身
2.不会脱离文档流(保留之前位置) 移动是不会影响其他袁术的布局
3.不会改变元素的性质
4.相对定位提高元素的层级 定位是最高的层级
5.z-index:2;在定位里面改变元素谁先谁后(在static里面是无效的)
6.常规后面的元素层级比前面的高

绝对定位
更大的作用:相对定位元素的绝对定位后代元素可相对于他进行移动
1.绝对定位的参照物:有相对定位属性 最近的 祖先元素
2.父相子绝(父亲相对定位,儿子绝对定位,儿子参照父亲移动)
3.偏移量相对于父级的padding-box计算位置(包含padding不包含border)
4.绝对定位完全脱离文档流(不保留原来位置)
5.同级绝对定位元素叠加 后定位在最上面
6.块级化:将元素强行转化为块元素,具有块元素所有性质,不具备独占一		     行和父级宽度100%的特性
7.绝对定位使浮动失效
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值