Flex Container
Ein flexbox Layout wird durch die Werte flex
oder inline-flex
der display
-Eigenschaft am Elternelement definiert. Dieses Element wird dann zu einem Flex-Container, und jedes seiner Kinder wird zu einem Flex-Item.
Ein Wert von flex
macht das Element zu einem Block-Level-Flex-Container und inline-flex
zu einem Inline-Level-Flex-Container. Diese Werte schaffen einen Flex-Formatierungskontext für das Element, der ähnlich wie ein Block-Formatierungskontext funktioniert, indem floats
nicht in den Container eindringen, und die Abstände (margins
) des Containers nicht mit denen der Elemente zusammenfallen.