Php 列表项在一行中正确显示,但在其他行中不正确

Php 列表项在一行中正确显示,但在其他行中不正确,php,jquery,html,css,Php,Jquery,Html,Css,我有一个非常奇怪的问题,我不知道是什么原因造成的。你只有看到它才能理解它。以下是链接: 通过单击标题下的小图标选择网格视图,因为您可以看到网格中的第一行正确显示列表中的5项。但第二个网格仅显示第五个元素,其他四个元素位于第三行。所以基本上网格在一些页面上分解 让这个问题变得奇怪的是,产品和css类是使用从数据库表中提取的,并且对于所有产品都是相同的。因此,如果第一行显示正确,其他行也应该正确,因为它们具有相同的css。更糟糕的是,这个问题只出现在网格视图的某些页面中,而其他页面显示得很好。这是一

我有一个非常奇怪的问题,我不知道是什么原因造成的。你只有看到它才能理解它。以下是链接:

通过单击标题下的小图标选择网格视图,因为您可以看到网格中的第一行正确显示列表中的5项。但第二个网格仅显示第五个元素,其他四个元素位于第三行。所以基本上网格在一些页面上分解

让这个问题变得奇怪的是,产品和css类是使用从数据库表中提取的,并且对于所有产品都是相同的。因此,如果第一行显示正确,其他行也应该正确,因为它们具有相同的css。更糟糕的是,这个问题只出现在网格视图的某些页面中,而其他页面显示得很好。这是一个wordpress网站

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

问候
Ahmar。

问题是由于float属性和某些元素具有不同高度的事实。因为您的元素具有设置的宽度,并且已经在使用display:inline块;您只需移除浮动并将其垂直对齐即可

尝试将其添加到CSS中

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

这并不奇怪,列表项目的内容不同,因此有些项目比其他项目高。浮动:左侧将尝试填充到顶部,如果不需要,不从左侧开始。谢谢,它工作正常。你能告诉我浮动的原因吗:左;“不起作用吗?”AhmarAli,阅读评论部分,因为Bazzz已经解释了这个问题