在我的Wordpress网站上,我有一个自定义的书面PHP搜索。它通过“ include”出现在特定页面的“内容”部分中,因此它是一个单独的文件。
http://www.glutenfreeireland.com/accommodation/find-accommodation/
用于搜索和结果的整个代码出现在DIV .wheretoeatsearchwrapper中。
不幸的是,文本“步骤1:选择位置:”与第一个“选择”框之间出现了很大的距离。这是由右侧的广告引起的,将其删除后即可解决问题。我了解class wheretoeatsearchwrapper将所有内容保存在该DIV中,即wheretoeatsearchwrapper两侧的对象不会影响其中的内容吗?
这是适用的CSS:
.wheretoeatsearchwrapper {
/ *最大宽度:490px; * /
清楚:无;
边距:0;
padding-left:10px;
}
.wheretoeatsearchwrapper h1,h2,h3,h4,h5,h6 {
显示:内联;
}
.searchlocation选择{
字体大小:95%;
裕度:0.2em;
向左飘浮;
清楚的
}
。脚步 {
颜色:#339933;
font-weight:粗体;
}
.searchvenuetype {
字体大小:95%;
边距:4px;
向左飘浮;
清楚:无;
}
最佳答案
它是clear:both;
元素上的searchlocation select
。
.searchlocation select {
font-size: 95%;
margin: 0.2em;
float: left;
clear: both; // Remove this
}