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

回答

相關問題