谁能告诉我我的CSS的哪一部分导致了差距 - Can anyone tell me which piece of my CSS is causing a gap?

Can anyone tell me which piece of my CSS is causing a gap?

在我的Wordpress网站中，我有一个自定义的PHP搜索。它通过"包含"显示在特定页面的内容部分中，因此它是一个单独的文件。

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

搜索和结果的整个代码显示在 DIV .wheretoeatsearchwrapper 中。不幸的是，文本"步骤1：选择位置："和第一个选择框之间出现了很大的差距。它是由右侧的广告引起的，删除后可以解决问题。我知道类 wheretoeatsearchwrapper 将所有内容都保存在该 DIV 中，即 wheretoeatsearchwrapper 两侧的对象不会影响其中的内容？

这是适用的 CSS：

   .wheretoeatsearchwrapper {       /*最大宽度： 490px;*/       清除：无;        边距： 0;        左填充：10px;    }    .wheretoeatsearchwrapper h1，h2，h3，h4，h5，h6 {      显示：内联;    }    .搜索位置 选择 {      字体大小： 95%;      边距： 0.2em;      浮点：左;      明确：两者兼而有之;     }    .步骤 {      颜色： #339933;      字体粗细：粗体;       }    .搜索场地类型 {      字体大小： 95%;      边距：4px;      浮点：左;      清除：无;    }

它是

searchlocation select元素上的clear:both;。

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

删除清除：对于 .searchlocation 选择

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