Определите высоту контейнера по высоте данной детей [дублировать] ⇐ CSS

[Anonymous]

У меня есть шаблон «Выбрать элемент», в котором левая сторона моей страницы является списком элементов, и когда вы нажимаете на его детали, появляются справа. Правая сторона должна увеличить контейнер, если он становится все выше.

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

.layout {
display: grid;
grid-template-columns: 1fr 1fr;
height: min-content;
}

.left-group {
height: max(100dvh, 100%) //Does not work
background: red;
display: grid;
overflow-y: auto;
}

ul>.item {
background: green;
min-height: 400px;
}

.right-group {
height: 800px;
background: blue;
}< /code>


[list]
[*]1
[*]2
[*]3
[*]4
[/list]

Подробнее здесь: https://stackoverflow.com/questions/796 ... ens-height