Когда дивы в flex-контейнере не растягиваются в высоту, это может быть вызвано несколькими причинами. Прежде всего, стоит убедиться, что вы правильно применили свойство flex к контейнеру.
Существует несколько вариантов, как добиться того, чтобы дивы в flex-контейнере растягивались по высоте:
1. Установите свойство flex-grow: 1; для дивов в контейнере. Это свойство определяет, насколько сильно элемент будет растягиваться в доступном пространстве.
2. Проверьте, что у контейнера указано свойство height или min-height. Если вы хотите, чтобы контейнер растягивался по высоте родительского контейнера, установите свойство height: 100%;.
3. Возможно, у вас есть другие стили, которые препятствуют растягиванию дивов по высоте. Например, если у дивов задана фиксированная высота или свойство overflow: hidden;, они не будут растягиваться. Проверьте свои стили на присутствие таких ограничений.
4. Используйте свойство flex-direction: column; для контейнера, если хотите, чтобы дивы стояли вертикально и растягивались по высоте. По умолчанию, flex-контейнеры располагаются горизонтально.
5. Убедитесь, что у дивов внутри контейнера не заданы фиксированные значения для свойства height. Если у них есть какие-либо ограничения по высоте, они не будут растягиваться.
Обратите внимание, что все эти решения предполагают, что вы правильно применили flex-свойства к контейнеру и элементам внутри него.