franzsen: Flex-wrap

Beitrag lesen

Hallo

gebe ich allerdings 90em oder 1440px ein, also eine größere Breite als Artikel und Sektion zusammen, funktioniert es nicht mehr.

Wenn die Breite des äußeren Containers breiter ist als die innen liegenden ist kein Umbruch erforderlich, egal wie klein/groß das Fenster ist.

Bei rem, px oder em bleibt die Breite des äußeren Containers unabhängig von der Fensterbreite immer gleich.

Bei Prozent ist die Breite des äußeren Containers von der Fenstergröße abhängig.

Das wrap funktioniert in allen Fällen unabhängig von der gewählten Einheit. Es ist halt nur bei festen Breiten (rem, px, em) in deinem Beispiel nicht erforderlich und wird entsprechend auch nicht ausgeführt oder angezeigt.

Eigentlich logisch. Die vorgegebene Breite des Containers bleibt unabhängig von der Größe des Browserfensters immer gleich; somit haben die items auch immer Platz.

Anders ist die Größe des Containers bei Prozentangabe. Diese richtet sich immer am Viewport aus. Somit kann es bei einem kleinerem Fenster für die items eng werden und rutschen in die nächste Zeile.

Ist es möglich, daß man dem ersten item eine fixe Größe gibt und die zweite bzw. weiteren teilen sich den Rest auf?

--
LG Franz