У меня есть куча блоков, которые я плаваю слева. Они разной высоты; некоторые короткие, некоторые высокие.
Теперь эти блоки генерируются динамически, поэтому невозможно предсказать, какой будет высота каждого блока (или сколько их будет). Однако он должен быть гибким, поэтому, если эти блоки не умещаются в один ряд, мне нужен второй ряд.
Проблема: поскольку блоки имеют разную высоту, любой блок, который перетекает в следующий ряд, «укрывается» среди существующих поплавков:
Мне нужны блоки-побочные эффекты, чтобы сформировать свой собственный ряд:
Я знаю, что это правильное поведение (поплавки предпочитают более высокие позиции по сравнению с левыми), но каково лучшее решение для этого? Я могу изменить структуру HTML (и, очевидно, любой CSS), но я не могу жестко кодировать в clear: left
.
Вот jsFiddle.