CSS列表項古怪的定位

Question

我有這個頁面在這裏與unorder列表，列表項：

https://artendijen.com/product-category/paintings/

實現頁面的盡頭，有一個巨大的空間，2列表項是應該的，但不是。正如你可以從查看所附照片或尋找在現場看到：

這裏是我的列表項的CSS：

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
float: left; 
margin: 0 3.8% 2.992em 0; 
padding: 0; 
position: relative; 
width: 230px; 
margin-left: 0; 
} 

我不知道這是爲什麼行事喜歡這個？有任何想法嗎？

感謝， Ĵ

Answer 1

這是因爲li元素的不同高度的。

添加以下將解決這個問題：

.products.animals > li { 
    height: 310px; 
}