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

51次阅读

共计 230 个字符,预计需要花费 1 分钟才能阅读完成。

<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
}

就能够了

正文完
 0