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:
Pakartokite pagal pavyzdį teorinėje dalyje pateiktą pavyzdį.