关于前端:关于弹性盒布局-设置某元素-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
}

就能够了

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理