flexbox列换行时如何调整宽度？

Question

设置一个列布局只是一个简单的flexbox网格，其中包含列中的项目。当空间垂直用完时，使用flex-wrap来包装元素。但是，当项目包装到新列时，容器的宽度将保持其初始宽度。

总有宽度与它的实际子项匹配吗？ width: auto什么也不做。

.myClass{
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    background: pink;
    height: 50px;
    width: auto;
 }

<div class="myClass">
  <div>HELLO WORLD</div>
  <div>HELLO WORLD</div>
  <div>HELLO WORLD</div>
  <div>HELLO WORLD</div>
  <div>HELLO WORLD</div>
</div>