Tengo una consulta
Tengo en un div contenedor que adentro tiene dos divs, uno arriba y uno abajo, el de arriba va a variar el contenido y el alto y el de abajo quiero que ocupe todo el espacio restante, ¿es esto posible?
Hasta ahora tengo esto:
.container {
height: 100%;
background: lightblue;
}
.formulario {
background: green;
}
.title {
background: #FF8C8E;
height: 30px;
}
.results {
background: #D699FF;
height: calc( 100% - 235px);
}
<div class="container">
<div id="formulario" class="formulario">
Prueba:<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br> Prueba:
<br>
</div>
<div id="title" class="title"></div>
<div id="results" class="results">
hola
</div>
</div>