Iframe en 2 partes 20% y 80%

[Rafael]

Hay una opción mucho más sencilla para las alturas, no es 100% compatible pero es muy bueno.

Código HTML:

div.20 {height:20vh; background-color: #F00;}
div.80 {height:80vh; background-color: #0F0;}
 

Otra es definir el html y body al 100%

Código HTML:

body, html {height: 100%;}
div.20 {height: 20%;}
div.80 {height: 80%;}