display:flex - der Standardwert und andere Begrifflichkeiten

[Matthias Scharwies]

Servus!

Ich bin an einem Kurs für den Einstieg in Flexbox dran. Hier habe ich einige Fragen:

CSS/Tutorials/Flexbox/Grundlagen

Normalerweise / Im normalen Elementfluss (ist hier display:block; der Standardwert, der durch display:flex überschrieben wird?) nehmen Elemente wie p und section die volle Breite des Elternelements ein.

Durch display: flex wird das Elternelement zum flexiblen Container. Die Breite aller Kindelemente wird nun vom Browser berechnet.

Frage:

• Welche Regel sorgt dafür, dass die oberen p-Elemente so klein sind, dass rechts noch Platz ist?

• Warum verteilen sich die „größeren“ section-Elemente dann über die gesamte Breite?

Wie würdet ihr die verschiedenen Breiten erklären?

Herzliche Grüße

Matthias Scharwies