CSS和OpenCart

一直在定制一家商店，但有点问题。用CSS思考它，但无法解决它。排序选择框和搜索结果之间有一个gab，没有填充或边距，使用相同的类别布局显示相同的代码没有问题

如果我错过了一些我非常感激的东西，你能看一下吗：）

谢谢

---

Joe

排序选择框和搜索结果之间存在间隙的原因是因为您是浮动元素，为了清除它们，您使用了“额外标记”方法。这就造成了这种差距。在您的特定情况下，请执行以下操作

<div class="sort">
<div class="clear"></div>

现在按如下方式清除浮动

div.sort {float: right;}

div#dkProductList {clear: right;}

现在，您将看到div id=“dkProductList”正好位于div class=“sort”的下方，并且间隙消失了。如果您希望两者之间有一定的差距，只需添加一些边距，例如：

div#dkProductList {margin-top: 10px;}

这完全解决了你的问题。还有其他方法，例如，您可以使用值为“auto”的“overflow”属性，而不是使用额外的标记，例如使用div class=“clear”来“取消”float的效果。这样就不需要额外的标记

在IE9、FF4.01、GG11、AF5.0.5和Opera 11中测试