Как сделать чтобы высота ребенка блока уходила в скролл в flex контейнере?

Чтобы ребенок блока имел скролл внутри flex-контейнера, необходимо использовать свойство overflow с значением auto или scroll для родительского блока и указать высоту или максимальную высоту для ребенка блока.

Вот пример кода:

HTML:

<div class="parent">
  <div class="child">
    <!-- Ваш контент здесь -->
  </div>
</div>

CSS:

.parent {
  display: flex;
  overflow: auto; /* или overflow: scroll; */
}

.child {
  /* Устанавливаем высоту или максимальную высоту для ребенка */
  height: 200px; /* или max-height: 200px; */
  /* Дополнительные стили для ребенка */
}

В данном примере родительский блок имеет свойство display: flex;, что позволяет расположить дочерний блок внутри него. Свойство overflow с значением auto или scroll создает вертикальную или горизонтальную полосу прокрутки внутри родительского блока в случае, если его содержимое превышает указанную высоту или ширину. Затем, вам нужно указать высоту или максимальную высоту для ребенка блока, чтобы определить, когда полоса прокрутки будет появляться.

Обратите внимание, что если у вас есть контент, который может превысить указанную высоту или ширину ребенка блока, то полоса прокрутки будет автоматически появляться для обеспечения прокрутки контента.