关于前端:关于弹性盒布局-设置某元素-flex-1后某元素子元素-height-100-是失效的问题

<div class="box">
   <div class="boxa"></div>
   <div class="boxb">
      <div class="son"><div/>
   </div>
</div>

.box {
  display: flex;
  width: 100%;
}

.boxa {width: 100px;}

.boxb {flex: 1}

.son{width: 100%}

这样的状况，son 元素的 100% 并不会失效 能够增加一个 height：0；

.boxb {
  height: 0;
  flex: 1
}

就能够了