0

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>

2
  • 1
    Si quieres que tu div tenga el 80% de la altura de la ventana puedes ocupar height: 80vh en vez de height: 80%;. Commented el 22 abr. 2022 a las 22:25
  • Piensa un poco, estás diciendo que el div es el 80% del body, pero es que el body está vacío, no tiene nada, por tanto ¿Cúal es el 80% de 0? Pues 0. Por eso no hace lo que quieres.
    – Jaime
    Commented el 22 abr. 2022 a las 22:36

1 respuesta 1

0

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.

1
  • Gracias la respuestas me ayudo, consegui este material que explica y coincide con lo que afirmas. foroayuda.es/…
    – Yanguma
    Commented el 22 abr. 2022 a las 23:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.