纯css瀑布流布局

html

<div id='waterfall'> 
	<div></div>
	<div></div>
	<div></div>
	<div></div>
	<div></div>
</div>

css

.waterfall{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari 和 Chrome */
    column-count:2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
　　display:inline-block;
}

原文地址