将两个mp-row通过style="top: -50%;"进行重叠，在安卓端可以实现，但在iOS端完全没有效果，iOS端的第二个mp-row会渲染在下一行，位置完全没变

其中top样式无论是内联，

还是写在wxss，

还是在wxs设置都不能生效

安卓端正常显示：

iOS的iPhone端：

iOS的iPad端：

问题代码：

<mp-row class="room-progress">
    <mp-col wx:for="{{testjson.prompt}}" wx:key="prompt" xs="6" sm="4" md="3" lg="3" xl="3" >
        <block wx:if="{{item.available == 1}}">
            <progress class="progress-available" percent="{{item.occupy_rate * 100}}" active stroke-width="30" active-color="#1aad19" border-radius="5" background-color="#999999" ></progress>
        </block> <block wx:else>
            <progress class="progress-unavailable" percent="{{item.occupy_rate * 100}}" active stroke-width="30" active-color="#cac424" border-radius="5" background-color="#999999" ></progress>
        </block>
    </mp-col>           
</mp-row>


<mp-row class="room-text-box" style="top: -50%;">
    <mp-col wx:for="{{testjson.prompt}}" wx:key="prompt" xs="6" sm="4" md="3" lg="3" xl="3" >
        <view class="room-text">
            {{item.room_name}}
        </view> 
    </mp-col>
</mp-row>