自动完成搜索建议推下其他内容

Question

这是我的网站与搜索http://clients.onebricktech.com/whenisit/search.php?keywords=1Trades1%20Plumbing 如果我搜索任何内容按搜索建议关键字推下。

Answer 1

您应该在包含搜索项文本框的表中使用position: absolute。然后，您将需要调整表格边距左侧的属性。

Answer 2

您需要将建议框从position: absolute中删除，但我实际上喜欢它的功能，因为它是TBH。

Answer 3

地址：

position: absolute 

在ajaxresults标签

，这应该工作

Answer 4

修改这样

<div style="float:left; position: relative"> 
    <form id="cityForm" method="post"> 
     <input type="hidden" value="true" name="cityChanged"> 
     <input type="hidden" value="" name="keywords"> 
     <input type="text" data-default="146" onblur="this.style.color='#318d00'" value="Trivandrum, 13" style="width: 150px; color: rgb(49, 141, 0); display: inline-block;" onkeyup="city_completer()" onclick="javacript:this.select();this.style.color='#000'" class="city_state" id="city_stater" name="city_state" autocomplete="off"> 
    </form> 
    <div style="position: absolute; margin-left: 35px; width: 120px; border: 1px solid rgb(153, 153, 153); display: block;" id="ajaxcity"><div><div class="citySuggest"><a onclick="copyToCityBox('Caledon Village, ON');document.getElementById('citySelect').submit()" href="javascript:void()">Caledon Village, ON</a></div><div class="citySuggest"><a onclick="copyToCityBox('Caledon, ON');document.getElementById('citySelect').submit()" href="javascript:void()">Caledon, ON</a></div><div class="citySuggest"><a onclick="copyToCityBox('Courtice, ON');document.getElementById('citySelect').submit()" href="javascript:void()">Courtice, ON</a></div></div></div> 
</div>