magin,padding百分比。定位top,left百分比总结

本文详细解析了CSS中margin和padding使用百分比值时的计算方式,以及定位元素的边偏移百分比如何相对于带有定位的父级元素的宽度和高度进行计算。对于前端开发者而言,理解这些布局规则是至关重要的。

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

1、margin-top,bottom,left,right 百分比,都是相对的是父元素的宽度。
假设父元素的宽1000px,给子元素设置margin-top: 10%, 就是 1000px * 10% = 100px。
当然padding四个值也是相对于父元素的宽度进行计算的。

2、定位的元素,边偏移百分比
left,right百分比相对于的是带有定位的父级元素的宽度。
top,bottom百分比相对于的是带有定位的父级元素的高度。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值