Como posso fazer uma div adoptar a altura da tela?

Question

Eu tentei usar

height: 100%

mas isso faz com que o div apenas tão elevado como o seu conteúdo - ele só contém uma única palavra do texto.

Como posso forçar a div para usar a altura da tela em vez disso?

Answer 1

Você precisa os elementos body e html ter altura 100% também.

Tente o seguinte CSS:

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

YourDivSelector {
    height: 100%;
}

A margem e preenchimento deve ser definido como 0 para impedir autoscroll no Firefox.

Answer 2

Você deve definir todos os recipientes que contêm o div à altura:. 100%, bem como, incluindo o corpo e tags HTML

Answer 3

Você também precisa html conjunto e do corpo para height: 100%;

 html,body{height:100%}

Answer 4

Você pode obter a largura e altura da janela usando JavaScript em seguida, utilizar esses valores para definir a altura e largura da div, conforme necessário.

Answer 5

talvez

min-height:100%;

o que você está tentando fazer exatamente? postar mais algumas informações e nós podemos ajudá-lo mais

Answer 6

Você só pode usar significativamente height = 100% se a altura do seu elemento contendo é definided. Sua 100%, de quê? nenhuma altura se definido em qualquer lugar. Você pode usar javascript para obter a altura da janela atual (como mencionado anteriormente), ou especificar uma altura específica de 800px ou qualquer valor. : D