Invloed van ouderbreedte in percentages op compressie van flex blokken in CSS

Stel dat we nu vijf flex-elementen hebben, gerangschikt in een rij. Laten we de breedte van de ouder instellen in percentages, en aan alle descendants een breedte van 100px geven.

Open het onderstaande voorbeeld en verklein het browservenster zodat de elementen niet meer passen in de ouder. Hiervoor moet het venster worden verkleind tot minder dan 500px, omdat we 5 elementen hebben van elk 100px. Zoals je al weet, zal de browser bij een dergelijke compressie gedwongen de breedte van de elementen verkleinen tot minder dan 100px zodat ze in de ouder passen. Dus, hier is het voorbeeld: