我正在使用WooCommerce，其WordPress主题尚未编写为与插件兼容。在大多数情况下，我有CSS工作，以便商店看起来没问题，但我遇到了麻烦。出于某种原因，当我进入一类产品时，它们会相互显示，而不是在网格中或并排显示。我很想弄清楚如何解决这个问题，并且失败了。
Page：http://urbexploration.ca/product-category/sanatoriums/
起初，我意识到每个＆lt; li> （产品）在右边有一个很大的余量，所以我把边缘权利拿出来：0;但他们仍然没有漂浮在网格中。如果需要任何代码，请告诉我。我一直在努力瞄准＆lt; li＆gt;具有“产品”类的标签。 ＆lt; ul＆gt;是'产品'。
我试过
.products li, .product{ float: left !important; margin-right: 0 !important; }
ul标签似乎填补了应该使用Google Chrome开发人员工具的区域，现在li的尺寸正确（我认为），但它仍然没有浮动？或者它可能是浮动的，我错过了其他的东西。
明白：两者;在建议的.excerpt类之外，这似乎是正确地浮动它们。
答案 0 :(得分：0)
做出自己的答案：
li.product.excerpt { clear: none; }
将是一个良好的开端。双类选择器应该确保规则比有问题的.excerpt类本身更具体。