你是说图片重叠把瀑布流是需要在图片都加载完后，才出去初始化瀑布流插件如果你直接在dom加载完去初始化，图片没加载完，会导致重叠；RP操作比用Dreamweaver简单多了，图片文字输入框等等所有组件全是可视化操作，可以很方便的实现网站交互内容的原型设计，可将以前死板的页面版式全部替换为有点击链接效果的网页！同时可以为网站设计提供AJAX式的交互处理，RP。

除此之外，瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式，巧妙的利用视觉层级，视线的任意流动又缓解了视觉疲劳Pinterest Pinterest于2011年诞生，如今每月独立访问用户数量已突破11；存储上建议使用cdn加速，选择专门的存储云来做图片存储服务器，比如阿里云又拍云这种网站实现上使用延迟加载。

itemSelector class选择器，默认#39divpost#39，这个表示上面介绍的瀑布流的块的选择器 nextSelector 表示分页中下一页的选择器，默认为divnavigation afirst navSelector 表示分页导航的选择器，分页导航会被隐藏 ex。

图片上的瀑布怎么能流动起来

你可以用之类的载入先后顺序，然后具体情况具体解决一下。

在网页中实现瀑布流效果方法1传统多列浮动 各列固定宽度，并且左浮动一列中的数据块为一组，列中的每个数据块依次排列即可更多数据加载时，需要分别插入到不同的列上2 CSS3 定义 由 chromeff 浏览器直接渲染。

瀑布流是比较流行且有意思的布局，例如蘑菇街凡客达人等网站就是使用瀑布流实现的瀑布流的优点就是简化了翻页操作，使网页一目了然，尤其是图片为主的页面特别合适该布局好，废话不多说，下面说说实现原理就是在。

1单击插入图片按钮2弹出插入图片对话框，选择所需要图片3选中插入的图片4单击图片工具格式右下角如图所示的按钮5弹出大小对话框，去掉锁定纵横比和相对于图片原始尺寸复选框中的对勾，将高度设置为29。

图片瀑布流布局原理

1，可以用瀑布流的方式去展示页面图片2，也可以集合成一个个的栏目。

瀑布流网站主要是以图片为主，文字内容较少，在优化的时候，注意图片尽量的原创，如果是在网上下载的已收录图片建议稍微的做一下处理，如改变图片大小图片加工处理等做好这些之后，必要的ALT标签，记住要合理的去布局关键。

pinterest则是一个图片社交网站，其图片以瀑布流的形式呈现，支持用户在图片下面评论和交流，由于图片采取众包用户筛选的模式，数量居多 并且由于一开始都是由设计师提供的高质量图片，让网站的图片风格也偏向高质量，很多画画和设计的同学。

Pinterest，国内的花瓣就是模仿它的，把自己感兴趣的东西用图钉钉在钉板PinBoard上采用的是瀑布流的形式展现图片内容，无需用户翻页，新的图片不断自动加载在页面底端，让用户不断的发现新的图片4Unsplash Unsplash。

当我们的网页需要插入很多图片的时候，为了美观，我们可以选择用瀑布流的方法插入图片 首先我们在body里面放入我们需要展示的图片。

瀑布流就是每个信息框的宽度是一样的，但是长度是根据信息的内容大小来定的。