css 多子元素撑满父元素

<div class="父元素">
<div class="子元素1"></div>
<div class="子元素2"></div>
<div class="子元素3"></div>
</div>
3个子元素分别宽度不固定
这样如何刚好撑满父元素？

<style>
.fu {display:flex; width:300px; height:200px; border:1px solid #f00}
.zi {flex:auto; border:1px dotted #888}
</style>
<div class="fu">
<div class="zi"></div>
<div class="zi"></div>
<div class="zi"></div>
</div>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/27m4svvv2fs2qqfvs2.html