flex布局中子元素宽度失效的问题

<div class='box'>
       <div class='box2'></div>
       <div class='box2'></div>
       <div class='box2'></div>
</div>

<style>
.box {
  display:flex;
}
.box2 {
   // 设置width:100px无效
   // 需要设置成下面格式
   flex: 0 0 100px;
}
</style>

 

参考链接：https://www.cnblogs.com/objectjj/p/14140043.html