Question

I had a div in my web application which had unlimited width users can slide it.. with dynamic height ( means height according to the user’s screen ). Inside that I have to scatter some div’s . you can get the clear idea / sample from here

Result
| Source

Now its floating left to the first div .. But I need some thing as

The first div will come in left top , then the second one at the bottom to the first one. Then if got enough space for third one then it must came under two or in top.

you can get some more idea here

+------------------------------------------------------------
|     
|  div 1         div 3      div 6
|
|                 div 4
|
|
|  div 2        div 5
|
|
+--------------------------------------------------------------

I tried float:left , display:block …. not working ….

Answer 1

Force all divs with float:left, then use a
<div style='clear:both'></div> to create a new line of divs

http://jsfiddle.net/3fmVF/3/