2016-08-19 78 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

它不会为手机:( –