Divs flotantes

[bidock]

Hola,

Tengo 3 divs. A los dos primeros los floto a las izquierda y el tercero lo dejo tal cual sin flotar. Este ultimo aparece debajo de los otros dos pero el problema es que se queda unido por arriba al primero y no lo puedo separar ni con margin ni poniendole clear:both ¿Hay alguna forma de hacerlo sin usar las propiedades top o bottom?

<div style="background: red; width: 200px; float: left">
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
</div>

<div style="background: green; width: 200px; float: left">
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
</div>

<div style="background: yellow; width: 200px">
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
<p>Hola</p>
</div>

Gracias.

[cristian_cena]

Hola bidok, porque cuando flotas elementos debes siempre poner los elementos flotados dentro de un contenedor, y limpiar los float como se dice.
Al dar overflow:hidden; al padre de las cajas flotadas esta pasa a tomar el alto dependiendo de la altura de sus hijos, (de no dárselo height pasa a valer 0) concretamente del más alto de ellos. Y con esto resuelves tu problema.

Saludos.

[bidock]

Perfecto, ha funcionado correctamente.

Muchas gracias por la ayuda.

Saludos