李正确的定位

Question

我的产品清单需要帮助。由于3个元素中的大文本，5个元素向下移动。怎么解决？列表项目也有“第一”和“最后”类。

Answer 1

修正了它。只需将“clear：left”添加到.first item

即可

Answer 2

将每个产品div设置为固定高度。这样，物品可以响应地填充给定空间并尽可能多地填充水平空间。

如果要清除每一行上的浮动，那么每行会遇到四个产品，或者如果父元素变得小于4个项目则会更糟糕，这会将最后一个元素向下推入一个丑陋的新行。

自：
| |
| X X X X |
| |
| X X X X |
| |

要：
| |
| X X X |
| X |
| |
| X X X |
| X |
| |