php - 谁能告诉我哪一块 CSS 造成了差距？

Question

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

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

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

这是适用的 CSS：

    .wheretoeatsearchwrapper {
        /*最大宽度：490px;*/
        明确：无；
        边距：0；
        左边距：10px；
    }
    .wheretoeatsearchwrapper h1,h2,h3,h4,h5,h6 {
      显示：内联；
    }
    .searchlocation 选择 {
      字体大小：95%；
      边距：0.2em；
      向左飘浮;
      明确：两者；  
    }
    。脚步 {
      颜色：#339933；
      字体粗细：粗体；    
    }
    .searchvenuetype {
      字体大小：95%；
      边距：4px；
      向左飘浮;
      明确：无；
    }

Answer 1

这是元素clear:both;上的。searchlocation select

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

Answer 2

删除 clear: both for .searchlocation 选择

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