HTML部份
<div class="container container1">
<div class="item item1">item1</div>
<div class="item item2">item2</div>
<div class="item item3">item3</div>
</div>
CSS部份
.container { background-color: lightgrey; height: 100px; display: flex; }
.item1 { background-color: hotpink; }
.item2 { background-color: greenyellow; }
.item3 { background-color: royalblue; }
/* .item { flex: 0 1 auto; } 這是預設, 不會跟著放大, 會跟著1倍比例縮小, 寬度預設auto自動依內容決定寬度 */
.item { flex-basis: 200px; }