2016-08-19 94 views
-2

我遇到搜索下拉結果問題。看看這裏:https://www.advokatami.bg/?s=firma&is_v=1 - 點擊頂部菜單中的放大鏡並嘗試搜索。結果是搜索表單的一半寬度。我如何顯示它的全寬?CSS:搜索字段結果爲半寬

+1

請發佈最小的代碼來重現您的問題。 - 我沒有點擊鏈接,但根據經驗,我懷疑它是使用'position:relative;'的錯誤元素的問題,或者結果沒有寬度。 – AlexG

+0

鏈接不工作@File_Submit –

+0

鏈接在這裏工作正常。雖然谷歌翻譯似乎不起作用。 –

回答

1
<span class="aa-dropdown-menu tether-element tether-enabled tether-abutted tether-abutted-left tether-element-attached-top tether-element-attached-left tether-target-attached-bottom tether-target-attached-left aa-without-0 aa-without-1 aa-without-3 aa-with-2" style="position: absolute; top: 0px; z-index: 99999; left: 0px; transform: translateX(1061px) translateY(218px) translateZ(0px); width: 280px; display: none;"><div class="aa-dataset-0"></div><div class="aa-dataset-1"></div><div class="aa-dataset-2"></div><div class="aa-dataset-3"></div> 
<div class="autocomplete-footer"> 
    <div class="autocomplete-footer-branding"> 
        <a href="#" class="algolia-powered-by-link" title="Algolia"> 
      <img class="algolia-logo" src="https://www.algolia.com/assets/algolia128x40.png" alt="Algolia"> 
     </a> 
    </div> 
</div> 

您的跨度有一個寬度= 280像素;

+0

嗯,謝謝!看來這個寬度是在js代碼中定義的 var dropdownMinWidth = 280; 我可以做到100%嗎? 完整的js代碼在127行:https://codeshare.io/zKgSE –

+2

嗯,我認爲它會工作,如果你將其更改爲500px – ShadowFoOrm

+0

它不會爲手機:( –