深入学习js瀑布流布局

本文实例为大家分享了js瀑布流布局学习资料，供大家参考，具体内容如下 特点：等宽不等高。 实现方式：Javascript/Jquery/CSS3多栏布局。 样例网站：花瓣网–>分类 一、JS实现瀑布流 index.html:页面结构     &lt;!DOCTYPE html> &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;瀑布流布局&lt;/title&gt; &lt;link rel=stylesheet href=styles/layout.css&gt; &lt;/head&gt; &lt;body&gt; <div id=main> &lt;