2010-09-18 13 views

Respuesta

51

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%} 
+4

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. –

+0

Honestamente, no estoy seguro sobre la mejor manera de lograr eso en una forma compatible con los navegadores cruzados. – Moses

+1

agregar min-height al cuerpo no funciona, incluso con html min-height 100% – chovy

6

No todos los buscadores como min-height, pruebe algo como esto para captar todos los navegadores.

min-height:100%; 
    height:auto !important; 
    height:100%; 
+0

Esto es muy cierto y su consejo fue lo único que funcionó ¡yo! ¡Gracias! –

0
html{ 
    height:100%; 
} 
body{ 
    min-height:100%; 
    position:relative; 
} 

debe agregar

0

Esto funcionó para el cromo 64 sin establecer una altura no modificable:

html { 
    min-height: 100%; 
    display: flex; 
} 

body { 
    flex: 1; 
}