Linuchs: CSS flex

Beitrag lesen

SELF-Forum

CSS flex

Linuchs
– Informationen zu den Bewertungsregeln

Moin,

der AHA Effekt zum flex-Modell lässt bei mir auf sich warten.

MrMurphy1 19.08.2016 14:16 hat mir ein Linuchs header Testlayout verlinkt mit 315 Zeilen, leider kein Hinweis auf das Wesentliche.

Dann habe ich hier "nur" ein paar Zeilen gefunden:

#main {
    width: 220px;
    height: 300px;
    border: 1px solid black;
    display: -webkit-flex; /* Safari */
    display: flex;
}

#main div {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}

Aber alle Boxen haben dieselbe flex: 1 - wie soll man da die Reihenfolge bestimmen? Die Änderung auf flex: 2 bewirkt nichts (Firefox 48.0).

Was muss ich ändern, um den roten und grünen Container zu tauschen?

Ich habe gehofft, dass man Container in der X-Reihenfolge oder in der Y-Reihenfolge ändern kann. Habe ich das mißverstanden?

Linuchs

Beitrag melden
–
Informationen zu den Bewertungsregeln