Hola, tengo un problema que parece ser la solución bastante simple pero aún así me esta volviendo loco por eso lo posteo.
Problema: Necesito hacer que lo que esta de amarillo(div de avatar) llegue dinamicamente hasta abajo del div de contenido, sin importar la cantidad de texto ingresado en el div de comentario (rojo).
Solución: Esto lo pude solucionar con Jquery, saque la altura que tiene el div de contenido y se la puse al div de avatar, pero esta solución no me convenció porque quiero hacerlo con css puro, ya que es algo bastante simple.
Código:
Código HTML:
Ver original <title>Muestra del css que me esta volviendo loco
</title>
.contenido {
width:500px;
background-color:blue;
}
.avatar {
width: 40px;
padding-top:10px;
padding-left:10px;
float:left;
background-color:yellow;
}
.comentario {
background-color:red;
}
<div class='avatar'><img src='avatar.jpg' width='30' height='30' /></div> Esto es un comentario largo de prueba dasid uasid usaiu diasu dias oudasu oidaus dioasu doiasu dioasu dioas uioasu iofsaufoiasufoias ufsiao ufasio uioasf dadk ajskd asjdlasj dlkaj klasjdklajd kalsjd klasj dklas jdlkas jdakls jdakl jdklasj dlka jdaksl jaslk jdklasj dklas jdklasj kdlajsk dlasjdkasj