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!