CSS да флекс блокларининг қисқаришига ота-онанинг фоиздаги кенглигининг таъсири

Энди бизда кетма-кет жойлашган бешта флекс-элемент бор деб фараз қилайлик. Келинг ота-онага кенгликни фоизларда белгилайлик, ҳамма фарзандларга эса 100px кенглик қўйамиз.

Қуйидаги мисолни oching ва браузер ойнасини элементлар ота-онага сиғмай қолгунича кичайтиринг. Бунинг учун ойнани 500px дан камрўқ қилиб кичайтириш керак, чунки бизда 5 та элемент ҳар бири 100px. Сиз билганингиздек, бундай қисқартирилганда браузер элементларнинг кенглигини majburan 100px дан камрўқ қилиб қисқартиради, улар ота-онага сиғиши учун. Шунинг учун, мисол: