Layout mit flex-box

[Matthias Scharwies]

Servus!

Hallo Matthias

... um sie wirklich zu verstehen, geschweige denn die Funktionsweise von flex-box im Allgemeinen...

Ich glaube, dass das Ungewöhnlichste an Flexbox der Verzicht auf Breiten bzw. Mindestbreiten ist.

Du legst nur die Breite des Flex-Containers fest.

Im Flex-Container sind die Flex-Items. Diese Kind-Elemente (und nur die, nicht aber die Kindeskinder) benötigen keine Breitenangaben mehr, da sie ja flexibel sind. Margins sind möglich, können aber mittels justify-content ergänzt/ ersetzt werden.

Das Ganze ist nicht wirklich intuitiv, aber Festlegungen wie flex: 5 2 0; bestechen dann wieder in ihrer Einfachheit.

Wenn ich wieder Zeit habe, versuche ich mich mal an einem flexiblen Dropdownmenü:

Adam Bray: Responsive HTML 5 and CSS 3 Flexbox Dropdown Menu

Matthias Scharwies