Ата-ана енінің пайызбен көрсетілуінің CSS-тегі flex блоктардың сығылуына әсері

Енді бізде қатар орналасқан бес флекс-элемент бар делік. Ата-ана элементінің енін пайызбен берейік, ал барлық доңғалақтарға енді 100px енін берейік.

Төмендегі мысалды ашып, браузер терезесін элементтер ата-ана элементіне сыймай қалатындай етіп тарылтыңыз. Бұл үшін терезені 500px-нан кем етіп тарылту керек, себебі бізде 5 элементтің әрқайсысының ені 100px. Сіз білетіндей, браузер мұндай тарылту кезінде элементтердің енін 100px-нан кем етіп мәжбүрлеп азайтады, сол арқылы олар ата-ана элементіне сәйкес келеді. Мынау мысал: