正在回答
1回答
你好同学 ,因为图片的高度并不一致 ,有高有矮 ,如下:

如果单独使用浮动的话 ,因为浮动元素参照上一个浮动元素的去浮动 。例如图书中 ,第七个盒子参照第六个盒子去浮动 ,由于第六个盒子高度小于第四个盒子 ,导致第七个盒子在参照它浮动的时候被挡住了 ,浮动不过去了 ,所以并不能实现从左到右一次排列的结果 。
所以视频中的原理就是要把上一行中 ,每个盒子的高度放在一个数组中 ,然后计算出最小的一个高度 ,并把第七个盒子使用定位把它放在最小盒子的下面 ,然后在从剩下的盒子里面找出最小高度 ,把第八个盒子放在其下面 . 以此类推...
这里的案例稍微要难理解一点 ,建议同学多看几遍视频 ,然后跟着也多练习一下 。以巩固知识并帮助自己理解 。
祝学习愉快 ,望采纳 。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星