Question

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

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

搜索和结果的完整代码显示在DIV .wheretoeatsearchwrapper中。不幸的是，文本“Step 1：Choose a Location：”和第一个SELECT框之间出现了很大的差距。它是由右侧的广告引起的，删除时会解决问题。我理解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

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

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

Answer 2

删除clear：两者都是.searchlocation select

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

任何人都可以告诉我哪一块CSS导致了差距？

2 个答案: