父div的高度为零，在safari中有限高度的子div

Question

虽然我尝试过使用明确的解决方案但是没有解决目的

代码看起来像

<div>
<div flex="25">
    <md-card>
    </md-card>
</div>
<div flex="25">
    <md-card>
    </md-card>
</div>
<div flex="50">
    <md-card>
    </md-card>
</div>

现在所有三个内部div在safari中的高度为0 px，但根据chrome和safari中的角度材质flex技术工作正常。