首先是布局
<div id = "main">
? ? ? ? ? ? ? ? <div class = "box">
? ? ? ? ? ? ? ? ? ? <div class = "pic">
? ? ? ? ? ? ? ? ? ? ? ? <img src = "" alt="">
? ? ? ? ? ? ? ? ? ? ? ? <div class="box1"></div>
? ? ? ? ? ? ? ? ? ? ? ? <div class="box3"></div>
? ? ? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? ? ? </div>
? ? ? ? </div>
然后要完成瀑布流布局,必須要用定位

接著就是js了,先請求ajax 數(shù)據(jù)

接著就是瀑布流了


到這一步就算是完成了,看一下效果

覺得還可以的就點了關(guān)注吧