Tėvinio elemento pločio įtaka procentais lanksčiųjų blokų suspaudimui CSS

Tarkime, kad dabar turime penkis lanksčiuosius elementus, išdėstytus iš eilės. Tėviniam elementui nustatykime plotį procentais, o visiems jo įpėdiniams nustatykime plotį 100px.

Atidarykite žemiau pateiktą pavyzdį ir sumažinkite naršyklės langą taip, kad elementai nebetilptų į tėvinį elementą. Norėdami tai padaryti, langą reikia suspausti mažiau nei 500px, nes mes turime 5 elementus po 100px. Kaip jūs jau žinote, tokiu suspaudimu naršyklė priverstinai sumažins elementų plotį mažiau nei 100px, kad jie tilptų į tėvinį elementą. Taigi, štai pavyzdys: