Tengo un div "contenedor" con un div dentro llamado "contenido" , cuando lleno "contenido" se atoamplía hacia abajo para que quepa lo que pongo y desborda por abajo al "contenedor ¿cómo se hace para que esto no suceda y el "contenedor" se autoamplíe también?
He probado con {overflow: auto;} y con {heigth: 100%} y no funciona.
#contenedor {
position: absolute;
left: 175px;
top: 261px;
width: 574;
height: 100%;
}
#contenido {
position: absolute;
top: 25px;
left: 20px;
background-color: #FFCC33;
width: 534px;
}
<div id="contenedor">
<div id="contenido">
<p>blabla blabla blabla blabla blabla blabla</p>
</div>
</div>
He buscado por el foro pero no encuentro pistas, gracias por la ayuda.