Como vocês já devem ter percebido posicionar um elemento com width: 100% é fácil e simples, tudo as mil maravilhas, mas quando se quer uma altura 100% ou seja o height, começa a dor de cabeça para os pequenos gafanhotos, eu confesso que no começo eu tinha muita dificuldade e naõ sabia como simples é resolver este "problema", olha só..

body,html{
   height:100%
}

Assim todos elementos filhos de html e body poderão ter uma altura com o tamanho 100%, viu como é simples?

Exemplo

.container{
    height: 100%;
}


954 0 0