关于iphone 6 10.3.3版本下设置绝对定位absolute后的定位偏差问题

在iPhone6上使用absolute布局时,购物车图标上的数字位置出现偏移。通过给父元素设置relative定位,并将子元素的right和top设为0,解决了定位不准确的问题。此方案使子元素相对于父元素正确定位。

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

在用absolute写购物车的右上角数字样式的时候,发现在iphone 6 10.3.3版本下定位的位置和正常孩子(phone)不太一样,经过测试发现,在只设置absolute不设置位移的情况下,正常来说应该是保持原有位置的,但是在iphone 6 下,位置实际上是跑到了控件最上方,ps:就不给图了。
后来在咨询大佬后,有了解决方案,给父控件设置relative,然后给数字样式设置right:0,top:0.这样它们的起点就是都在父控件内并且位置一致了,后面再慢慢调就好了。
为什么给父控件设置relative,然后给数字样式设置right:0,top:0.这样它们的起点就是一样的呢?大佬讲解的是,给元素设置absolute后,元素会以最近的元素且存在position:不为static的元素为基准

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值