Por que al usuar DOCTYPE html los css del div no formatea la altura (height)?
archivo css
.cont{
height:80%;
}
<!DOCTYPE html>
<html>
<body>
<div class='cont'></div>
</body>
</html>
No lo hagas así, Doctype elimina la declaración de altura como porcentaje en CSS
html, body {
height: 100%;}
Agregar un DOCTYPE reemplaza el modo peculiar al modo estándar. En el modo estándar, los elementos html y body no tienen por defecto el 100 % del tamaño de la ventana gráfica (ventana del navegador); en cambio, son tan grandes como deben ser para contener a sus hijos.
div
tenga el 80% de la altura de la ventana puedes ocuparheight: 80vh
en vez deheight: 80%;
.