Как задать iframe по высоте содержимого без js&?

Question

[we6student]

Есть шапка и подвал сверстанный. Для задания контента между ними хотел использовать iframe на другой html с контентом. Контент по ширине растягивается на 100% как и надо, но по высоте не хочет. Как его растянуть?

Пример: https://jsfiddle.net/We6student/sj82vwzh/6/

В примере использую картинку, потому что у мне в контентной части есть картинка фоном. В ней, собственно, и дело. В курсе, что можно через php, но я хочу разобраться как делать через html. +php еще не выучил как следует

Comments

[Greeg Zagrelov]

iframe {
width: 100%;
height: 100%; ?
}
100% от чего ?
укажите пиксели
height: 400px

[we6student]

Greeg Zagrelov, ну там картинка. 100% высоты картинки. Как это можно реализовать?
если я задам конкретные размеры в px, то при замене картинки с другими размерами будет пустое поле

[Greeg Zagrelov]

we6student, Задайте контейнеру высоту, и будет картинка на весь контейнер 100% картинка у которой 100% высота будет брать от своего родителя , если я вас правильно понял

<div class="box">
    <iframe src="https://i.pinimg.com/736x/98/b9/52/98b952001792e2b836669abf4d853712.jpg" frameborder="0">        </iframe>
</div>
iframe {
  width: 100%;
  height: 100%;
}
.box{
  height: 400px
}