Mi consulta es sencilla, pero no logro resolver:
Tengo un DIV PADRE (naranja) y dentro un DIV HIJO (rojo), cada uno su propio background.
El DIV HIJO tiene un HIGH de 110px. Se ve así:
Para lograr lo anterior, asigné a DIV PADRE el mismo HIGH de 110px que tiene DIV HIJO
Deseo que DIV PADRE no tenga HIGH asignado.
Cuando le quito el HIGH a DIV PADRE, desaparece su background.
Deseo que DIV PADRE muestre su BACKGROUND de acuerdo al HIGH de su DIV HIJO.
¿Alguna idea?
La razón de requerirlo así, es que este efecto se repite en rutinas PHP y no deseo asignar el HIGH al DIV PADRE.
Este el mi HTML con CSS:
Código HTML:
Ver original<!doctype html>
.padre {
width:100%;
height: 110px; /* ESTE RENGLON LO QUIERO QUITAR */
background: #FF9900; /* Naranja */
}
#hijo{
width: 200px;
height: 110px;
margin-right: auto;
margin-left: auto;
background: #CC0033; /* Rojo */
}
Gracias por cualquier idea que puedan proporcionarme.