リストビュー（CSS）にラインをジャンプするために製品を防ぐ方法

Question

私はホームページで自分の製品に問題があります。私は自分の製品を2列に1列の1列に並べて見せたいと思っていますが、2列目には2つの製品があり、他の2つの製品が次の行に移動します。

これは私が私の製品をカスタマイズするために使用するCSSです

.products-grid li.item {
float: left;
width: 170px;
padding: 0px 10px 4px;
} 

これが私のページのスクリーンショットです：

私はそれを修正する方法を考えていません：/

Answer 1

列のカウントが正しい場合、1行あたり4つのアイテムがあることを意味する場合、おそらく1つのアイテムが他のアイテムよりも高いことが原因です。おそらく2つの解決策があります。

1. li.itemに固定された高さを与えます
2. .products-gridをaで浮かびます clear: both; 各行が最後の行の下に置かれていることを確認するために