当你希望最后一个元素的宽度铺满剩余的空间是,你可以为他设计一下属性
flex-grow:1
例子
<div id="big"> <div class="sma1"></div> <div class="sma2"></div> </div>
#big { width: 200px; height: 100px; display: flex; } .sma1 { width: 100px; height: 100% } .sma2 { flex-grow: 1;/*铺满剩余空间*/ }