¿La altura mínima no funciona en body/html?min-height no funciona con el cuerpo
body, html
{
min-height:100%;
}
Logra absolutamente nada (firebug informa el cuerpo, la altura de las etiquetas HTML no cambia en absoluto)
¿La altura mínima no funciona en body/html?min-height no funciona con el cuerpo
body, html
{
min-height:100%;
}
Logra absolutamente nada (firebug informa el cuerpo, la altura de las etiquetas HTML no cambia en absoluto)
En primer lugar, declarar un tipo de documento así que estás en los estándares, si no lo ha hecho.
Ahora, el cuerpo solo puede ser tan alto como el html contenedor, por lo que debe configurar la etiqueta HTML al 100% de altura y la altura del cuerpo al mínimo 100%. Esto funciona para mí en Firefox.
html {height:100%}
body {min-height:100%}
No todos los buscadores como min-height, pruebe algo como esto para captar todos los navegadores.
min-height:100%;
height:auto !important;
height:100%;
Esto es muy cierto y su consejo fue lo único que funcionó ¡yo! ¡Gracias! –
html{
height:100%;
}
body{
min-height:100%;
position:relative;
}
debe agregar
Esto funcionó para el cromo 64 sin establecer una altura no modificable:
html {
min-height: 100%;
display: flex;
}
body {
flex: 1;
}
impresionante que funcionaba, un seguimiento pregunta: ¿Ahora he puesto corporal para ser min-altura: 100%. Ahora tengo otro div dentro del cuerpo, y quiero que también sea min-height: 100%; lo hice pero no funciona. –
Honestamente, no estoy seguro sobre la mejor manera de lograr eso en una forma compatible con los navegadores cruzados. – Moses
agregar min-height al cuerpo no funciona, incluso con html min-height 100% – chovy