Detaillierte Erläuterung des automatischen Füllschreibens von CSS3-Flexboxen

<style type="text/css">
    .flexcontainer{
        Breite: 100 %;
        Höhe: 100%;
        Position: absolut;
        links: 0px;
        oben: 0px;
        Anzeige: Flex;
        Flex-Richtung: Spalte;
    }
    .flex1 {
        Breite: 100 %;
        Höhe: 8rem;
        schweben: links;
        Hintergrund: #f00;
    
    }
    .flex2 {
        Breite: 100 %;
        Höhe: 4rem;
        biegen: 1;
        schweben: links;
        Hintergrund: #000;
    }
   .flex3 {
        Breite: 100 %;
        Höhe: 7rem;
        schweben: links;
        Hintergrund: #ccc;
    }    
</Stil>
<div Klasse="Flexcontainer">
    <div Klasse="flex1"></div>
    <div Klasse="flex2"></div>
    <div Klasse="flex3"></div>
</div>