任何人都可以告訴我哪一塊CSS導致了缺口？

在我的Wordpress網站中，我有一個自定義的書面PHP搜索。它通過「包含」出現在特定頁面的內容部分，因此它是一個單獨的文件。任何人都可以告訴我哪一塊CSS導致了缺口？

http://www.glutenfreeireland.com/accommodation/find-accommodation/

用於搜索和結果的整個代碼出現在DIV .wheretoeatsearchwrapper內。不幸的是，文本「步驟1：選擇一個位置：」和第一個選擇框之間出現了很大的差距。這是由右側的廣告引起的，當刪除廣告時，解決問題。我瞭解這個類的搜索包裝器是如何將這個DIV中的所有內容都保存下來的，即對象的任何一方都不會影響內部的內容？

這是適用的CSS：

 

    .wheretoeatsearchwrapper { 
     /*max-width: 490px;*/ 
     clear: none; 
     margin: 0; 
     padding-left: 10px; 
    } 
    .wheretoeatsearchwrapper h1,h2,h3,h4,h5,h6 { 
     display: inline; 
    } 
    .searchlocation select { 
     font-size: 95%; 
     margin: 0.2em; 
     float: left; 
     clear: both; 
    } 
    .steps { 
     color: #339933; 
     font-weight: bold;  
    } 
    .searchvenuetype { 
     font-size: 95%; 
     margin: 4px; 
     float: left; 
     clear: none; 
    }

來源

2013-10-18 Mike Thompson

這是searchlocation select元素的clear:both;。

.searchlocation select { 
    font-size: 95%; 
    margin: 0.2em; 
    float: left; 
    clear: both; // Remove this 
}

來源

2013-10-18 10:48:21 Karl

滑稽編輯:-)） – Legionar

就更加精確，我還是正確的，你之前無論如何回答了這個問題。 – Karl

是的，並複製我的答案:)看起來像我的:) – Legionar

刪除明確：既爲.searchlocation選擇

.searchlocation select { 
    font-size: 95%; 
    margin: 0.2em; 
    float: left; 
    /*clear: both;*/ 
}

來源

2013-10-18 10:50:28 Legionar

任何人都可以告訴我哪一塊CSS導致了缺口？

回答

相關問題