1該效果使用CSS3的columnwidth實(shí)現(xiàn)，和js版的瀑布流不同圖片將縱向排列2代碼中使用了一小段JS，和瀑布流效果無關(guān)，主要用來動(dòng)態(tài)插入元素，并實(shí)現(xiàn)模擬翻頁 舉例說明 如圖。

你的代碼是不是div橫向走的 這種瀑布 要豎立的 div走 ，也就是豎項(xiàng)沒有縫隙的，一個(gè)頁面要有豎著的div布局而不是橫排的擺放問題八什么是瀑布流網(wǎng)頁設(shè)計(jì)布局 瀑布流就是每個(gè)信息框的寬度是一樣的，但是長(zhǎng)度。

可以通過兩種方法來查看的1，可以通過查看網(wǎng)頁源代碼來查看底部版權(quán)信息2，可以通過查看網(wǎng)頁快照來查看底部版權(quán)快照一般是一個(gè)頁面，然在快照頁面瀑布流是不會(huì)無限加載的，也就能看到底部了。

瀑布流變現(xiàn)是一種常見的廣告變現(xiàn)策略，操作得當(dāng)將有助于提升變現(xiàn)收益開發(fā)者可以關(guān)注和了解一下穿山甲平臺(tái)及其聚合產(chǎn)品GroMore，GroMore會(huì)結(jié)合瀑布流的CPM分布情況，以及設(shè)價(jià)代碼位近期的填充展示預(yù)估收益表現(xiàn)，給出合適的設(shè)價(jià)。

渲染每一個(gè)瀑布流塊 $#39#container#39htmlhtml ， error function alert#39加載失敗#39 初始化方法調(diào)用 #39#container#39infinitescroll navSelector quot#navigationquot。

一使用js瀑布流插件推薦masonry 二使用css3樣式 代碼如下lt！DOCTYPE HTML布局ul* 欄寬度 *webkitcolumnwidth160pxmozcolumnwidth160pxocolumwidth160pxcolumnwidth160px* 兩欄之間的。