如何在完美的网格样式中将不同尺寸的DIV浮动到左侧？

Question

我有一个问题.我有很多DIV具有相同的宽度,但它们的高度是不同的,并且向左浮动,但它们并没有像我想要的那样出现.它出现了

但是我想让它们变得像

那么告诉我如何使用Pure HTML-CSS,No JavaScript或JQuery等来做到这一点.

Answer 1

@Tom Chew-head Millard 是正确的；这是一个纯粹的 CSS 解决方案。我的经验=易于使用。

http://css-tricks.com/snippets/css/multiple-columns/

== 阅读 MH 评论后进行编辑

http://jsfiddle.net/qZ3N4/1/

#DEMO_ID {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
}

#DEMO_ID div {
     column-break-before: always;   
}