Как соответствовать высоте изображения с динамическим текстовым контейнером без JavaScript? [дублировать] ⇐ Html

[Anonymous]

Я пытаюсь сделать изображение (#logo), соответствующее высоте текстового контейнера (#TextContainer). Содержание текста может варьироваться по высоте, единственный способ, которым я обнаружил, что работы-это использовать JavaScript для динамического регулировки высоты изображения : < /p>


setInterval(() => {
logo.style.height = textContainer.getBoundingClientRect().height + "px";
}, 10);< /code>
.container {
display: flex;
background-color: darkgray;
justify-content: space-between;
}

#textContainer {
height: fit-content;
}

#logo {}< /code>


Download Now

e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e e

Download


< /code>
< /div>
< /div>
< /p>
Что я пробовал:
с использованием align-items: strain on .container, но он не растягивает изображение.
Установка #logo {height: 100%; }, но это не требует высоты #TextContainer.
Есть ли способ, только для CSS, чтобы изображение соответствовало высоте текстового контейнера? Или JavaScript необходим в этом случае? Также я пытался использовать фона, и ничего не работает

Подробнее здесь: https://stackoverflow.com/questions/795 ... javascript