divs flotante con diferentes alturas se pegan al envolver

Question

¡Hola! Aquí hay un problema: tengo varios (hasta 5) divs con diferentes alturas. Dentro de esos divs hay portlets, que pueden crecer en altura. Aquí está un ejemplo simplificado:
HTML:

<div class="container"> 
    <div class="clz">1111111111<br/>1111111111</div> 
    <div class="clz">2222222222<br/>2222222222<br/>2222222222</div> 
    <div class="clz">3333333333<br/>3333333333</div> 
    <div class="clz">4444444444<br/>4444444444</div> 
</div>​ 

aquí usa CSS para ello:

.clz{ 
    float: left; 
}​ 

aquí es jsFiddle, donde se puede ver que: http://jsfiddle.net/eGawU/9/
Cuando puedo reducir mi ventana del navegador ancho, divs están envueltos, lo cual es muy bueno. La parte mala es que 4444444444 se ha quedado atascado en el 2222222 - que no se caiga al inicio de la página:

1111111 2222222 333333 
1111111 2222222 333333 
     2222222 444444 
       444444 

comportamiento deseable es que cuando se produce la envoltura 4444444 se coloca al principio de la página en completamente diferente line :

1111111 2222222 333333 
1111111 2222222 333333 
     2222222 
4444444 
4444444 

Gracias por la atención.

Answer 1

Puede usar pantalla: en línea-tabla para esto. Escribe así:

.clz{ 
    display:inline-table; 
} 

Marque esta http://jsfiddle.net/eGawU/13/

Es hasta IE8 & anterior

Answer 2

Retire el flotador. demostración http://jsfiddle.net/eGawU/17/

Answer 3

Puede trate de envolver los primeros tres divs en otro clz div como este:

<div class="container"> 
    <div class="clz"> 
     <div class="clz">1111111111<br/>1111111111</div> 
     <div class="clz">2222222222<br/>2222222222<br/>2222222222</div> 
     <div class="clz">3333333333<br/>3333333333</div> 
    </div> 
    <div class="clz">4444444444<br/>4444444444</div> 
</div>​ 

Esto hará div 4 no exactamente lo que quiere, pero puede que tenga que anidan más divs si se agrega más columnas.

Answer 4

uso Claro propiedad de css

probar esto http://jsfiddle.net/gajjuthechamp/eGawU/18/

o

se puede añadir un div extra en más adelante desea romper

probar este http://jsfiddle.net/gajjuthechamp/eGawU/19/