Как я могу использовать css, чтобы иметь div, который растет вокруг содержимого, но прокручивается, когда родительский d ⇐ CSS

[Anonymous]

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


Это большое (но частное) веб-приложение, созданное с использованием веб-компонентов (с использованием фреймворка Lit). Элемент pas-dialog с id="edithtml" предположительно должен иметь высоту Calc(80vn - 100px), что намного больше, чем его изображение в правом верхнем углу изображения выше. .
Вы увидите, что у него есть слот с содержимым pas-html-editor2, который затем находится в фактическом содержимом и затем отображается в части изображения ниже. . Селектор :host css показывает, что это дисплей flex со столбцом flex-direction:. Это отлично видно, но элемент div под ним (с зеленой рамкой) также должен иметь высоту Calc(-100px + 80vh), но это явно не так, хотя, как вы можете видеть, содержимое отображается как скрытое под фактическим элементом div и нет полос прокрутки.
Поэтому мой вопрос: почему все это неправильно. Почему CSS ничего не делает

Подробнее здесь: https://stackoverflow.com/questions/787 ... s-when-the