Как изменить размер флексбокса в зависимости от высоты iframe [дубликат] ⇐ Html

[Anonymous]

У меня есть трехэлементный флексбокс. Один из его элементов содержит iframe. Я бы хотел, чтобы высота flexbox (длина по поперечной оси) определялась высотой источника iframe. Вместо этого высота флексбокса устанавливается равной максимальной высоте двух других элементов.
Вот пример моего HTML:

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

...

A label

...


...

Вот аббревиатура CSS. Элементы 1 и 3 тоже являются флексбоксами.

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

.elements {
display: flex;
flex-direction: row;
align-items: stretch;
}
.element-1 {
width: min-content;
flex: 0 0 auto;
}
.element-2 {
flex: 1 0 auto:
display: grid;
grid-template-rows: 1.1em 1fr;
}
.element-2 > iframe {
width: 100%;
align-self: stretch;
}
.element-3 {
flex: 0 0 auto;
}

Я знаю, что могу явно установить высоту iframe на абсолютное значение, но на практике я буду менять содержимое iframe динамически. Я хочу, чтобы мой браузер читал исходный код iframe, определял для него разумную естественную высоту и использовал ее при вычислении высоты флексбокса. Вместо этого содержимое отображается в окне прокрутки.
(Кроме того, встроенный документ не обязательно находится на том же хосте, что и мой документ, поэтому я не всегда могу использовать JavaScript для запроса размеры встроенного документа.)

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