Três divs ocupando tela inteira, com alturas iguais

[ylavie 0]

Possuo três div's, e quero que cada uma (possuindo o mesmo tamanho), ocupem toda a tela do usuário. Imagino que eu tenha que pegar a altura da tela, dividir por três e colocar o height de cada uma com o valor desta divisão. Estou certo? Qual a melhor maneira de conseguir tal feito?

[Diego - Oliveira 2]

Considerando o fato das telas possuírem alturas diferentes, não seria melhor usar uma porcentagem no height? tipo 33,3% para cada assim ele ocupará 99,9% da tela.

[Matheus P. 1]

<div class="container">Conteúdo 1</div>

<div class="container">Conteúdo 2</div>

<div class="container">Conteúdo 3</div>

.container {

width: 100%;

height: 33.33%;

}

.container:last-child {

height: 33.34%;

}

 

[ylavie 0]

Mas % funciona em height? Até agora, quando tento colocar % em height, a div não carrega.

[lokaodomau 61]

Como disse o Maujor: "A referência para cálculo da altura, expressa em porcentagem, de um box, é a altura do seu elemento-pai".

 

Neste link você descobre.