Вертикальная прокрутка вспомогательного гибкого элемента в соответствии с высотой соседнего элемента [дубликат] ⇐ CSS

[Anonymous]

У меня есть следующий фрагмент с двумя элементами div в гибком контейнере. Первый имеет 2 подраздела с фиксированным размером (для макета контента), второй имеет только один макет контента. В настоящее время высота контейнера равна высоте первого элемента div (а высота второго элемента div увеличивается до той же высоты, но может быть меньше).

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

Document

.content {
width: 100px;
height: 100px;
border: 2px red dotted;
}

.container {
display: flex;
}

Итак, теперь я хотел бы принудительно установить высоту контейнера (автоматически) в соответствии с высотой второго div (а затем принудительно прокрутить первый div). Как это сделать? Даже установка max-height:min-content в контейнере не сработала.
Результат (визуально) должен быть эквивалентен этому (но без использования фиксированной высоты)

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

Document

.content {
width: 100px;
height: 100px;
border: 2px red dotted;
}

.container {
display: flex;
}

Из этого

К этому




Подробнее здесь: https://stackoverflow.com/questions/793 ... nt-element