Je veux le div interne (Mem 3) dans une nouvelle ligne, en dessous de Mem 1, et je ne veux pas changer à tout prix la structure du div. s'il vous plaît, aidez-moi.
J'aime ça =>
.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>
J'ai essayé "flex: 1 1 100;" pour flex-inner-gc.
float peut le faire facilement.