我有一个模块，在首页（Prestashop）展示我所有的产品。每个产品分类都放在一个DIV里。我的问题是这些DIV彼此并排显示，而不是一个接一个地排在下面。

我希望ROPES分类能排在RIBBONS分类之下，依此类推。请看下面的图片，看看我的意思： .

下面是这段DIV代码： ```html {foreach from=$blocks item=block}

{/foreach} ```

解决方案

问题在于所有带有 <li> 的元素（若其中包含 float:left 和 position:relative）以及后续的其他元素，都会尽量遵循这种“浮动”布局。

需要对所有 <div> 添加 clear:both 以清除这次浮动，并将 <div> 移到下一行。

类似的问题，采用相同的解决方案：

html - 在使用float:left之后如何换行？ - Stack Overflow