css按照左边顺序排列div

我在我的web应用程序中有一个div，它具有无限宽度，用户可以用它来滑动它..具有动态高度（意味着根据用户屏幕的高度）。在里面我必须分散一些div。你可以从这里得到清晰的想法/样品css按照左边顺序排列div

现在其浮动留下来的第一个div。但我需要一些东西

第一个div会在左上角，然后在底部的第一个第二个。那么如果有足够的空间用于第三个，那么它必须在两个或以下。

，你可以在这里得到一些更多的想法

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

我试图浮动：左，显示：块....不是....工作

来源

2012-07-27 ramesh

我不“想”这是可能的配偶 – Andy 2012-07-27 10:18:30

我还没有做了这个确切的布局，但你可以尝试http://masonry.desandro.com/ – SpaceBeers 2012-07-27 10:44:17

力与浮动所有div：左，然后使用 <div style='clear:both'></div>创建的div的新行

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

来源

2012-07-27 10:19:12

嗨感谢您的答复，我试过这样，可以保持div的左侧，但所有div的下降到每个div看到http：///jsfiddle.net/3fmVF/5/ – ramesh 2012-07-27 10:48:23

，因为你忘了将类“clear”添加到第二个div，请检查以下内容：http://jsfiddle.net/3fmVF/7/ – 2012-07-27 10:55:33

感谢fir的帮助....但问题是所有div的动态加载..不像预先定义...所以不能给（不能指定第二个div）第二个div来清除类...请帮助.. :( – ramesh 2012-07-27 10:58:49

css按照左边顺序排列div

回答

相关问题