flex 佈局,子元素會撐開父元素

<div class="box">
	<div class="a"></div>
	<div class="b"></div>
</div>
.box { display: flex;}
.b { flex: 1; }
.a {width: 100px;}
  1. 正常兩欄佈局,但若是b得子元素太寬,會撐開b,致使a的寬度被擠小
  2. 將b的寬度設置爲width: 0;,就能夠解決
相關文章
相關標籤/搜索