A szülő szélességének százalékos hatása a flex blokkok összenyomódására CSS-ben

Tegyük fel, hogy most öt, sorban elhelyezett flex elemünk van. Adjunk a szülőnek szélességet százalékban, és minden utódnak állítsuk be a szélességét 100px-ra.

Nyissa meg az alábbi példát, és csökkentse a böngésző ablakát úgy, hogy az elemek már ne férjenek bele a szülőbe. Ehhez az ablakot 500px alá kell csökkenteni, mivel 5 elemünk van, mindegyik 100px széles. Ahogy már tudja, ilyen összenyomódás esetén a böngésző kényszerítetten csökkenti az elemek szélességét 100px alá, hogy beleférjenek a szülőbe. Tehát, itt egy példa: