关于瀑布流定位的思路还不是很清晰
来源：3-2 使用JS完成定位布局
小小之植物
2018-08-05 18:40:27
如题，听了几遍视频，还是不太懂这个定位的思路，比如说为什么要获取最小高度的值呢？为什么第七怪会在第六怪的下面，而其它图片在第三行；还有如下图红圈里的语句，不太懂是什么意思，恳请老师简单的分析一下关于定位的思路，以及回答上述的问题。
写回答
2回答
-
烏鐵棍
2018-08-07
路径里面的瀑布流课程讲得跳脱了。
跳出去, 想一想为什么要用这样的方法浏览图片?
Q:为什么不用每排都整整齐齐的类似一堆inline-block的方法?
A: 图片高度不一致啊。
Q: 为什么第二排的第一张要站在第一排最矮的图片后面? 还是按照顺序排列有什么不好?
A: 设想按照序号排列, 偏偏某一列的高度都超出其他列, 最后会发生什么呢?本应该在视觉上在同一平面的图片发生了偏移, 不符合用户习惯了;
其实,慕课有Amy老师讲的瀑布流布局;
熟悉的老师来讲会好一些吧。
0 -
周师傅
2018-08-06
获取最小高度：为了让下个盒子跟在这个最小高度盒子下面。
第七怪会在第六怪的下面：第六怪恰巧刚好最小高度盒子。
红圈代码：更新列高度数组，因为当一个盒子跟到了另一个盒子下后，它在这一列的总高度就改变了。不更新，所有的盒子都会更在这个最小高度盒子下面，重叠在一起。
0
相似问题