Question

我有一个非常奇怪和奇怪的问题，我不确定是什么导致它。一旦你看到它，你才能理解它。这是链接：

（通过单击标题下的小图标选择网格视图）如您所见，网格中的第一行正确显示列表中的5个项目。但是第二个网格只显示第5个元素，其他4个元素显示在第三个元素中。所以基本上网格在某些页面上都会崩溃。

使这个问题更加奇怪的是产品和css类是从数据库表中提取的，并且对所有产品都是相同的。因此，如果第一行显示正确，其他人也应该具有相同的CSS。更糟糕的是，此问题仅出现在网格视图的某些页面中，而其他页面则显示正常。这是一个wordpress网站。

抱歉，我甚至不知道是什么导致了这个问题，我已经尝试过检查元素等。所以我无法发布任何代码。请看一下链接。

此致艾哈迈尔。

Answer 1

问题在于浮动属性以及某些元素具有不同高度的事实。由于您的元素具有设置宽度并且已经使用display:inline-block;，因此您只需要移除浮动并将它们全部垂直对齐。

尝试将此添加到您的CSS

.wpsc_default_product_list.grid .default_product_display {
    float: none;
    vertical-align: top;
}