Windows 8用戶界面在css

Question

我試圖在我的網站上得到一個類似windows-8的樣式，但divs的對齊有些問題。當一個大方形被放入設計中時，其他（較小）的矩形和方塊就會被錯誤地放在一邊。我做了一個jsfiddle來向你展示問題。

http://jsfiddle.net/CGX7S/

我曾嘗試使用浮動，然後清除每一行，但我認爲這不可能是理想的解決方案。

float:left 

你能幫我嗎？我必須用jquery，javascript，float或css來做一個技巧嗎？

Answer 1

你可以用很多方式解決這個問題，目前最簡單的方法就是砌磚插件masonry pluging page。在那個頁面上你可以找到文檔，例子一切。玩的開心。