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 bewirkt, dass das Element zu einem Block-Level-Flex-Container wird, und inline-flex zu einem Inline-Level-Flex-Container. Diese Werte erzeugen einen Flex-Formatierungskontext für das Element, der ähnlich wie ein Block-Formatierungskontext ist, da Floats nicht in den Container eindringen werden und die Ränder des Containers sich nicht mit denen der Elemente überlappen.