Skip to main content
1 de 2
Lleims
  • 3.1k
  • 12
  • 61
  • 108

Div que todo el alto de la pantalla restante

Quiero hacer que un div ocupe hasta abajo del todo dela pantalla.

Yo como solución pensé en declarar a dicho div (en el ejemplo "div2") con height:100%;.

Al no funcionarme, vi que la gente dice que la solución a esto es declarar html, body {height=100%;}.

Sigue sin funcionarme como se muestra en snippet de abajo.

Otra cosa que he probado es declarando height:100vh;. Pero esto es incorrecto, ya que al tener el "div1" esto provoca que haya un overflow y yo simplemente quiero que rellene la pantalla.

html, body{
  height:100%
  margin 0;
}
#div1{
  height:80px;
  width: 100%;
  background-color: red;
  
  display:flex;
  justify-content: center;
  align-items: center;
}

#div2{
  height:100%;
  width: 100%;
  background-color: green;
}
<div id="div1"> Contenido del div 1 </div>

<div id="div2"> Contenido del div 2. Este div quiero que ocupe hasta el final de la pantalla de manera vertical. </div>

¡Salud!

Lleims
  • 3.1k
  • 12
  • 61
  • 108