CSS和OpenCart

Question

一直在定製商店並存在一些問題。用CSS思考它，但不能解決它。 Theres在排序選擇框和搜索結果之間有一段時間，沒有填充或邊距，使用相同的佈局來顯示相同​​的代碼沒有問題。

http://www.amazing-web-design.co.uk/staging/devilish/index.php?route=product/search&keyword=ipod

你可以看看在情況下，我已經錯過了所有的東西幫助表示讚賞:)

感謝 喬

Answer 1

你有那種選擇框和搜索結果之間的差距的原因是因爲你是浮動元素並且爲了清除它們，你正在使用「額外標記」方法。這導致了差距。在您的特定情況下，請執行以下操作。

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

首先刪除div.clear。這將消除差距。但是，這也會導致下面的div受到影響，因爲你浮動如下。

div.sort {float: right;} 

現在清除浮動如下。

div#dkProductList {clear: right;} 

現在你會看到，DIV ID =「dkProductList」恰好低於DIV CLASS =「排序」和差距正在消失。如果你想在兩者之間有一些差距，只需增加一些保證金，例如：

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

這完全解決了你的問題。還有其他方法，例如，您可以使用額外的標記（例如，您已經使用div class =「clear」來清除float的影響），您可以使用「overflow」屬性，其值爲「汽車」。這樣就不需要額外的標記。

在測試IE9，FF4.01，GG11，AF5.0.5和Opera 11