在做游戏转盘的时候,出现了再IOS 5c手机(ios 10)布局错乱的问题,通过查询资料了解到,是flex布局下不支持使用absolute布局的原因,在老版本浏览器存在不兼容问题,解决办法是,多加一层div,把absolute布局的外层(也就是多加的那个div)设置成非flex布局。

更多参考资料: absolute定位的元素不参与flex的布局,虽然有的浏览器允许这样写。当然也可以预见的是,不久的将来,我们可以这样用而不用考虑兼容问题。

不过,relative不受影响

其他更多参考: As it is out-of-flow, an absolutely-positioned child of a flex containe does not participate in flex layout. (https://www.w3.org/TR/css-flexbox-1/#abspos-items)