谁能告诉我，我的CSS是哪一块造成了缺口？

Question

在我的Wordpress站点中，我有一个自定义的PHP搜索。它通过“include”出现在特定页面的内容部分，因此它是一个单独的文件。

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

搜索和结果的整个代码显示在DIV.whereToeatSearchWrapper中。不幸的是，在文本“Step 1：Choose a Location：”和第一个选择框之间出现了很大的差距。它是由右边的广告引起的，当它被移除时，问题就会得到解决。我了解类wheretoeatsearchwrapper将所有东西都保存在DIV中，也就是说，wheretoeatsearchwrapper的任何一边的对象都不会影响其中的内容？

这是适用的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;
    }

Answer 1

这是SearchLocation Select元素上的clear:both；。

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