Como fazer um elemento preencher 100% da altura da tela

1a atrás

Ion

---

0 0

No #CSS nós temos a unidade de medida vh, 1vh representa 1% da altura da tela do navegador.

Dessa forma, para que o elemento ocupe toda a altura da tela, nós utilizamos 100vh. Por exemplo, você pode criar um elemento com a classe .full-height e definir o height dele em 100vh:

.full-height {
    height: 100vh;
}