Ли точное позиционирование

Question

Мне нужна помощь с моим товаром. Из-за большого текста в 3 элемента 5 элементов перемещаются вниз. Как это исправить? В списках также есть «первый» и «последний» классы.

Answer 1

Исправлено. Просто добавьте «clear: left» в. First item

Answer 2

Установите каждый продукт div на фиксированную высоту. Таким образом, элементы могут быстро заполнить заданное пространство и заполнить как можно больше горизонтального пространства.

Если вы должны были очистить поплавок в каждой строке, вы бы застряли с четырьмя продуктами в каждой строке или хуже, если родительский элемент становится меньше 4-х предметов, что приведет к тому, что последние элементы будут опущены в уродливую новую строку ,

От:
|                           |
|   X   X   X   X   |
|                           |
| X X X X |
|                           |

Кому:
| KG                     |
| X X X |
| X               |
| KG                     |
| X X X |
| X               |
| KG                     |