搜索框不能正确浮动

问题描述:

我创建了可扩展的搜索框并将其设置为“float:left”。搜索框不能正确浮动

但移动搜索框的“float:right”。 - https://www.screencast.com/t/mZ5LpKkjH1O

您可以在http://www.test3.guru99.com/

+0

请更新您的问题包括:[最小,完整,可验证的示例](https://*.com/help/mcve) - 外部链接都望而却步,因为他们可以随时间而改变,并对其他用户没有帮助。 (另外,很多人都可以点击随机的未知链接,这是可以理解的)。请参阅:[如何创建可运行的代码段](https://*.blog/2014/09/16/introducing-runnable-javascript-css-and-html-code-snippets/) – FluffyKitten

相反浮动右边的搜索框元素的行动证明这一点,浮动权的容器,在这种情况下,<li>元素。

根据您的要求有2种方式。

  1. 使背景位置:右中心。这将有助于从右向左查看动画。
  2. 如果你确实需要从右到左的动画,所以你必须将搜索框作为叠加层(在这种情况下,搜索框将与菜单重叠)按位置:绝对值,并且它将首次保持在相同的位置,并且在点击它会向左扩展并与菜单重叠。

根据你的网站,你只需要修复宽度为50px的父li搜索框的标签。

+0

感谢您的回复,可以你请给我提供任何截图或exmplae。 –

+1

@TusharKorat它* *你*提供*我们*与您遇到的问题的例子。您需要在[Minimal,Complete和Verifiable示例](https://*.com/help/mcve)中向我们提供相关代码,以便我们可以向您显示如何解决该问题。 – FluffyKitten

添加float:left!important;对于class =“maximenuck maximenuckmodule item1509最后一级1”。请参阅下图。

image