Как изменить размер iframe при изменении размеров родительского окна

Я не думаю, что это еще один вопрос «изменить размер iframe в соответствии с высотой содержимого».

Я действительно хочу динамически изменять размер iframe в соответствии с изменением размера родительского окна. Для поклонников JS Fiddle у меня есть пример здесь

Для тех, кто хочет взглянуть на код SO:

CSS:

body {
margin: 0px;
padding-top: 78px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;
min-height: 0px;
height: auto;
text-align: center;
background-color: lightblue;
overflow:hidden;
}

div#header {
top: 0px;
left: 0px;
width: 100%;
height: 85px;
min-width: 1000px;
overflow: hidden;
background-color: darkblue;
}

div#footer {
bottom: 0px;
left: 0px;
width: 100%;
height: 25px;
min-width: 1000px;
background-color: darkblue;
}

iframe#frame2 {

margin: 40px;
position: fixed;
top: 80px;
left: 0px;
width: 200px;
bottom: 25px;
min-width: 200px;
}

div#block {

background-color: lightgreen;
margin: 40px;
position: fixed;
top: 80px;
left: 350px;
width: 200px;
bottom: 25px;
min-width: 200px;
}

@media screen {
body > div#header {
position: fixed;
}
body > div#footer {
position: fixed;
}
}

Там может быть немного странного CSS - я собрал его из фактическая страница. Извинения.

Как видите, div зеленого цвета динамически изменяет высоту соответственно при изменении размера окна. Я хотел бы узнать, можно ли это сделать с помощью iframe слева от div.

Может ли только CSS сделать это возможным?