Div对齐的CSS / HTML空格问题

Question

我有一个名为Akaratak的商业网站
在移动模式下的Search Page（将浏览器大小调整到最小值后）
在一些div之间留有空的空间 如下：

我知道这一定是一个简单的问题，但我不能让它得到一致的

Answer 1

我可以看到你正在使用Bootstrap，但不是以正确的方式。您应该将布局更改为4或6列，以便网格根据需要自动调整为2x2布局。

你可以做的另一件事就是让你的行动如下：

2×2

-1 -

2×2

使用bootstrap类，你只需要在每行的第三个对象中添加一个类，使其成为sm-12，其他类为sm-6。我建议你仔细阅读Bootstrap grid system，以正确的方式使用它。

相反，您可以使用Bootstrap 4 grid system允许您以一种很好的方式移动和解决您的问题。

Answer 2

您应该删除每个<div class="clearfix"></div>父母的<div class="deal-top-top"></div>子女：）