Flex blokų suspaudimas trūkstant vietos CSS

Tarkime, kad turime tris flex blokus, išdėstytus tėvinį elemente į eilę. Kiekvienam vaikiniam blokui nustatytas plotis 100px, o jų tėvui - 300px:

Pridėkime daugiau blokų taip, kad bendras šių vaikinių blokų plotis būtų didesnis nei jų tėvinio elemento plotis. Šiuo atveju pamatysite netikėtą efektą - blokų plotis sumažės taip, kad jie visi tilptų jų tėviniame elemente, nepaisant to, kad vaikiniams blokams aiškiai nurodytas plotis: