У меня есть следующий фрагмент с двумя элементами 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