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