Флексбокс с минимальной высотой, который не растягивается вместе с содержимым ⇐ CSS

[Гость]

https://jsfiddle.net/u7fkjrvy/17/

У меня есть прокручиваемый контейнер с гибким столбцом. У каждого ребенка есть «минимальная высота: 100%» (я хочу, чтобы каждый элемент div соответствовал высоте экрана). Проблема в том, что когда содержимое дочерних элементов превышает 100%, дочерние элементы не растягиваются, чтобы соответствовать содержимому внутри. Я не понимаю, почему, ведь это должен быть минимум, ведь это не параметр «высота»?

Подводя итог: я хочу, чтобы элемент div с min-height:100vh также растягивался вместе с его содержимым

HTML и CSS

body{ ширина: 100%; высота: 100вх; переполнение: прокрутка; маржа: 0; дополнение: 0; } контейнер{ ширина: 100%; высота: 100вх; переполнение: прокрутка; маржа: 0; дополнение: 0; дисплей: гибкий; гибкое направление: столбец; } раздел:nth-child(2){ цвет фона: синий } раздел{ минимальная высота: 100vh; цвет фона: желтый; отступ: 10 пикселей } .содержание{ высота: 120вх; цвет фона: черный; белый цвет

Спасибо за помощь!