Inverkan av förälderns bredd i procent på komprimering av flexboxar i CSS

Låt oss nu ha fem flex-element, placerade i rad. Låt oss ge föräldern en bredd i procent, och alla barn nu sätt bredden till 100px.

Öppna exemplet nedan och minska webbläsarfönstret så att elementen inte längre får plats i föräldern. För att göra detta måste fönstret komprimeras till mindre än 500px, eftersom vi har 5 element var och en på 100px. Som du redan vet, under sådan komprimering kommer webbläsaren att tvingas minska elementens bredd till mindre än 100px så att de får plats i föräldern. Så, här är exemplet: