comunidad. Tengo el siguiente problema:
- tengo un contenedor con clase container
- dentro de este tengo un header de 150px y un div que quiero que tenga de altura todo el espacio restante
Pero al colocarle el 100% en el height toma altura de más y hace overflow!
Quisiera saber si existe alguna estrategia para poder conseguirlo PD. Ya he intentado con calc pero quisiera saber si existe otra forma
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
.wrapper{
height:100%;
}
.wrapper header{
height:150px;
background-color:#ff0000;
}
.wrapper div{
height:100%;
background-color:#000;
}
<div class="wrapper">
<header>Header</header>
<div>Aquí va otro contenido</div>
</div>