Если высота родителя не фиксирована и для alignItems установлено значение center, я не могу заставить высоту дочернего э ⇐ CSS

[Anonymous]

Вот код, с которым я работаю:


< pre class="snippet-code-css lang-css Prettyprint-override">

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

.App {
display: flex;
align-items: center;
padding: 0.2rem;
gap: 0.5rem;
border: 1px solid red;
}

.item {
border: 1px solid black;
width: 50%;
}

.item2 {
height: 5rem;
}

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

Div 1
Div 2

И результат выглядит следующим образом:


Как я могу получить высоту Div1, чтобы заполнить высоту родительского элемента (или соответствовать высоте Div2), не затрагивая CSS родительского компонента?
Обратите внимание, что у меня нет доступа к родительскому компоненту, поэтому я не могу изменить его CSS. Также обратите внимание, что хотя в этом примере высота Div2 фиксирована, на самом деле она изменяется динамически, и я хочу, чтобы Div1 динамически настраивал свою высоту при каждом изменении высоты Div2.

Подробнее здесь: https://stackoverflow.com/questions/787 ... t-get-chil