Уплыў шырыні бацькоўскага элемента ў працэнтах на сціск flex-блокаў у CSS

Хай цяпер у нас ёсць пяць флекс-элементаў, размешчаных у рад. Давайце бацькоўскаму элементу шырыню зададзім у працэнтах, а ўсім цяпер нашчадкам поставім шырыню ў 100px.

Адкрыйце размешчаны ніжэй прыклад і паменшыце акно браўзэра так, каб элементы перасталі змешчвацца ў бацькоўскім элеменце. Для гэтага акно трэба сціснуць менш за 500px, бо ў нас 5 элементаў па 100px. Як вы ўжо ведаеце, пры такім сцісканні браўзер прымусова паменшыць шырыню элементаў менш за 100px так, каб яны змяшчаліся ў бацькоўскім элеменце. Такім чынам, вось прыклад: