Как сделать гибкий ребенок переполнить своего родителя по мере его роста? ⇐ CSS

[Anonymous]

У меня есть Flexbox с одним гибким ребенком: < /p>

Код: Выделить всё

lots of content...


< /code>
.flex-parent

имеет фиксированный размер:

Код: Выделить всё

.flex-parent {
height: 250px;
}
< /code>
The flex child has so much content that it should overflow the size of its parent. Instead, its height stays "capped" at the height of the parent (250px).
How can I fix this and make .flex-child

расти со своим содержанием? Я могу легко исправить это, переключившись на отображение: block , но моя реальная макет гораздо сложнее, что делает это непрактичным.
Проблема: http://codepen.io/anon/pen/owjywe

Как это должно работать: http://codepen.io/pen/pyrty/pyr.>

Подробнее здесь: https://stackoverflow.com/questions/418 ... s-it-grows