提问者:小点点

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


在我的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;
    }


共1个答案

匿名用户

这是SearchLocation Select元素上的clear:both;

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