Hola a todos,
¿Como puedo hacer que el div "ROJO" coja la altura suficiente para abarcar el div AZUL en su totalidad... es decir... como si el div AZUL no tuviese position:absolute... pero teniendola?, todo sin determinar ninguna altura.
Código PHP:
Ver original<div class="ROJO" style="position:relative; background:red; width:100%">
Este es el texto de la div "ROJO", el cual no mide mas en altura que el texto del div "AZUL".
<div class="AZUL" style="position:absolute;top:0; left:0;background:blue; width:50px;">
Este texto provoca que "AZUL" coja mucha altura
</div>
</div>
Es una duda que he tenido durante años... y nunca he podido solventar... y eso que creo ya tener algo de conocimiento de CSS... pero este asunto esta incomestible.
No busco apaños javascript, ni duplicaciones de contenido oculto, ni cambiar la propiedad : absolute.
¿SABEIS?