Indflydelse af forældreelements bredde i procent på komprimering af flex-blokke i CSS

Lad os nu have fem flex-elementer, placeret på række. Lad os give forælderen en bredde i procent, og give alle dens efterkommere en bredde på 100px.

Åbn eksemplet nedenfor og formindsk browservinduet, så elementerne ikke længere kan være i forælderen. For at gøre dette skal vinduet komprimeres til mindre end 500px, da vi har 5 elementer hver på 100px. Som du allerede ved, ved sådan komprimering vil browseren tvangs formindske bredden af elementerne til mindre end 100px så de kan passe i forælderen. Så, her er eksemplet: