Capa "Child" que se ajuste 100% de la altura de la "Parent"

[juangemelo01]

Código:

#innerPageWrapper {
    background:red;
    height:200px;
    width:120px;
}

#innerPageWrapper p{
    background: yellow;
    height: 100%;
    margin: auto;
    width: 100px;
}

tengo la costumbre de ordenar el codigo alfabéticamente

lo que tienes que hacer es en #innerPageWrapper es poner :

Código:

height:auto;
min-height:200px;

eso hara que cuando tu texto rebase los 200px de alto, esa altura se empiece a adaptar a lo que necesites, pruebalo y pon mucho mas texto en tu parrafo

ahi te daras cuenta que tiene un detalle y es que llega al fondo al igual que la caja de color roja que tienes, pero, eso lo puedes solucionar agregando un padding

Código:

padding:10px;

con eso, las dimensiones de tu caja aumentaron 10px en cada lado, pero te sirve como margen entre tu borde y tu contenido de tu caja

dale un vistazo y prueba, cualquier cosa, comenta