Easy to understand---native JS Waterfall stream

Recently has been on the basis of the foundation JS H5 CSS3 Basic knowledge

About this waterfall flow:

I was going to look at the tutorial to do it. But it feels a little complicated to understand.

So, your own reference to the tutorial in the dictation of one.

The waterfall flow layout I've been exposed to is divided into 2 major categories

The main distinction is the float layout or position layout

Click here to download demo

Paste the source code: (There may be some bugs, no specific test)

 1 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 2 
Easy to understand---native JS Waterfall stream