這個問題簡單，是你圖片塊，高度不齊導(dǎo)致的，看圖，看出來了嗎問題解決。

另外，在運(yùn)行我貼上的代碼的時候請應(yīng)用jquery類庫body， ul， li， h3 margin 0 padding 0 liststyle font bold 12px quot微軟雅黑quot *瀑布流布局樣式*#lxfbox position relative #lxfbox li。

問題如圖解決方法是給排列的內(nèi)容添加樣式但是我在寫sass時，該樣式只能帶上 webkit才能識別，應(yīng)該會有兼容性問題吧然后在查閱資料是發(fā)現(xiàn)另一個樣式 pagebreakinside，發(fā)現(xiàn)該樣式也可以解決這個問題 結(jié)果如圖其他。

這個叫瀑布流布局，你搜索這個，就能找到很多教程但問題是，這種教程不單單是css能做到的，大多數(shù)都是采用js+絕對定位。

可以，您可以搜一下“瀑布流布局”。

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

同時，通過設(shè)置 justifycontent 屬性為 spacebetween，使子元素之間在容器內(nèi)均勻分布在子元素item中，通過設(shè)置 flex 屬性和寬度等樣式，可以實(shí)現(xiàn)不同寬度的子元素在容器內(nèi)自適應(yīng)布局需要注意的是，前端瀑布流布局的。

給你一個思路1和5形成一個div， 2和6形成一個div ， 3和7形成一個div ， 4和 8形成一個div，并且這4個div都給予 floatleft屬性，這種參差不齊的效果，起碼在代碼上你要弄得整齊一點(diǎn)如果像你那樣。

還有就是我國生產(chǎn)力水平同發(fā)達(dá)國家相比差距過大而導(dǎo)致的 *** 我國經(jīng)濟(jì)快速發(fā)展的瀑布效應(yīng) 其實(shí)這個詞就是代表一種受外力而迅速發(fā)展或擴(kuò)大的過程 問題七網(wǎng)頁用瀑布流布局有什么好處 完全的看不清楚的代碼，但是從以上的效。