在我的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; }
这是SearchLocation Select
元素上的clear:both;
。
.searchlocation select {
font-size: 95%;
margin: 0.2em;
float: left;
clear: both; // Remove this
}