Flex-Container

Ein flexbox-Layout wird durch die Werte flex oder inline-flex der display-Eigenschaft auf dem Elternelement definiert. Dieses Element wird dann zu einem Flex-Container, und jedes seiner Kinder wird zu einem Flex-Element.

Ein Wert von flex führt dazu, dass das Element zu einem Block-Level Flex-Container wird, und inline-flex zu einem Inline-Level Flex-Container. Diese Werte schaffen einen flex formatting context für das Element, der einem Block-Formatting-Context ähnelt, da floats nicht in den Container eindringen werden, und die Ränder des Containers nicht mit denen der Elemente zusammenfallen.