我想要新行中的內部 div (Mem 3),位於 Mem 1 的下方,並且我不想不惜一切代價更改 div 結構。請幫忙。
像這樣=>
.flex-container { display: flex; flex-wrap: wrap; } .flex-child { border: solid blue; } .flex-fgc { border: solid blue; } .flex-inner-gc { border: solid blue; }
<div class='flex-container'> <div class='flex-child'> Mem 1 </div> <div class='flex-fgc'> <div> Mem 2 </div> <div class='flex-inner-gc'> Mem 3 </div> </div> </div>
我嘗試了「flex: 1 1 100;」對於 flex-inner-gc。
float 可以輕鬆做到這一點。