He intentado utilizar¿Cómo puedo hacer que un div adopte la altura de la pantalla?
height: 100%
pero esto hace que el div sólo a la altura de su contenido - que sólo contiene una sola palabra de texto.
¿Cómo puedo forzar al div para que use la altura de la pantalla?
Necesita los elementos body y html para tener 100% altura también.
Prueba el siguiente CSS:
html, body {
margin: 0;
padding: 0;
height: 100%;
}
YourDivSelector {
height: 100%;
}
El margen y el relleno se deben establecer en 0 para evitar el desplazamiento automático en Firefox.
Eso hizo el truco. –
Puede obtener el ancho y alto de la ventana using JavaScript y luego usar esos valores para establecer el alto y el ancho del div, según sea necesario.
quizá
min-height:100%;
lo que estás tratando de hacer exactamente? publicar más información y podemos ayudarlo más
Debe establecer todos los contenedores que contienen div en altura: 100% también, incluidas las etiquetas body y html.
Esto era lo que necesitaba pero le di a SLaks la etiqueta de respuesta porque la suya venía antes que la tuya. ¡Gracias! –
También necesita configurar html y body to height: 100%;
html,body{height:100%}
Solo se puede usar height = 100% de manera significativa si se define la altura de su elemento contenedor. Es 100%, ¿de qué? sin altura si se define en cualquier lugar. Puede usar javascript para obtener el alto de la ventana actual (como se mencionó anteriormente), o especificar una altura específica de 800px o cualquier valor. : D
Por favor, publique su HTML y CSS. –