父组件设置display: flex,子组件获取不到宽度

比如这里有一个my-parent组件

 <my-parent style="width: 750rpx;min-height: 100rpx">

    <slot></slot>

</my-parent>

子组件是

 <my-child style="width: 100%;height: 100%;background-color: red">

    <slot></slot>

</my-child>

子组件的高度和宽度都可以获取得到

但是设置了display: flex;后就获取不到宽度了

 <my-parent style="display: flex;width: 750rpx;min-height: 100rpx">

    <slot></slot>

</my-parent>

 <my-child style="width: 100%;height: 100%;background-color: red">

    <slot></slot>

</my-child>