display:flex - der Standardwert und andere Begrifflichkeiten

[Rolf B]

Hallo Matthias,

die p sind minimal weil sie kaum Inhalt enthalten. Die Größe ist per Default "gemäß Inhalt". Mit flex-grow:1 würden sie wachsen.

Die Section werden aus dem gleichen Grund nicht kleiner. Die Breite der 1. Box wird durch das Wort "Größenangaben" bestimmt, die 2. Box durch die Überschrift "Flexbox?" und die dritte durch das Wort "Mehrspaltenlayout".

Beachte bitte auch, wenn Du zu flex-grow und -shrink kommst, dass dieser Wert mit der Breite des Flexitems multipliziert wird, bevor die Flexbox ihre Kinder wachsen/schrumpfen lässt. Solange die Flexitems von Hause aus 100% Breite haben, ist das egal, aber gelegentlich hat man auch mal Layouts mit vorgegebenen Boxbreiten.

Rolf