php - リスト アイテムは 1 つの行では正しく表示されるが、他の行では正しく表示されない

Question

私は本当に奇妙で奇妙な問題を抱えており、何が原因なのかわかりません。一度見ただけで理解できます。リンクは次のとおりです。

http://daccordinc.com/daccor/?wpsc_product_category=guayabera&paged=3

(見出しの下にある小さなアイコンをクリックして、グリッド ビューを選択します) ご覧のとおり、グリッドの最初の行には、リストに 5 つの項目が正しく表示されています。ただし、2 番目のグリッドには 5 番目の要素のみが表示され、他の 4 つの要素は 3 行目に表示されます。したがって、基本的にグリッドは一部のページで崩壊します。

この問題を奇妙にしているのは、製品と css クラスがデータベース テーブルから取得され、すべての製品で同じであるということです。したがって、最初の行が正しく表示される場合、他の行も同じ css を持っているはずです。さらに悪いことに、この問題はグリッド ビューの一部のページでのみ発生し、他のページは問題なく表示されます。ワードプレスのサイトです。

申し訳ありませんが、その問題の原因がわからず、要素の検査などを試みたので、コードを投稿できません。リンク先をご覧ください。

よろしくアフマー。

Answer 1

問題は float プロパティと、一部の要素の高さが異なるためです。要素には幅が設定されており、すでに使用さdisplay:inline-block;れているため、フロートを削除してすべて垂直に揃えるだけです。

これをCSSに追加してみてください

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