Предотвратить повышение роста ребенка, которая основана на гибкой росте ⇐ Html

[Anonymous]

У меня есть родительский элемент с определенной высотой (например, 100vh) и отображение: Flex; Гиб-направление: столбец и несколько вложенных детских элементов, которые не имеют фиксированной высоты-их высота основана на гибкой росте: 1 вместо этого. Если я добавлю новый внутренний элемент с высотой высотой, то его родитель, то его рост всех предков изменяется. Я хочу, чтобы новый элемент переполнил своего родителя, а не изменяет его высоту. > Единственный способ заставить его работать - это добавить переполнение: Auto ко всем элементам, которые находятся между высшим родителем и новым элементом (проверьте комментарии CSS в JSFiddle). Br /> Имейте в виду, что я не могу использовать < /p>
, если есть много вложенных элементов, это решение кажется немного громоздким. Есть ли лучший способ справиться с этим?

Подробнее здесь: https://stackoverflow.com/questions/794 ... n-flex-gro