自動完成搜索建議推下其他內容

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>