_javascript techniques for native JS to realize the layout of the waterfall flow

Since the Pinterest site, the domestic once set off "imitation pin" frenzy, such as petals, mushroom street and so on. It is so, "waterfall flow" type of layout by the majority of netizens favor. Many well-known JS library, has also appeared "Waterfall Flow" layout plug-ins, such as jquery masonry plug-ins, Kissy Waterfall plug-ins. Today idle to boring, I also made a paragraph of the original JS code, to achieve a simple "waterfall flow" layout effect, of course, certainly can not and above those excellent plug-ins on the same footing, interested friends, can go to see, hoping to bring you more or less the harvest.

1. JS Code:

<! DOCTYPE html>  

2. [Picture] waterfall flow. jpg