搜索框不会向右浮动

Question

我创建了可扩展的搜索框并将其设置为“float：left”。

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

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

看到这一点

Answer 1

不是向右浮动搜索框元素，而是向右浮动其容器，在本例中为<li>元素。

Answer 2

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

1. 制作背景位置：右侧中心。它有助于从右到左查看动画。
2. 如果你真的想要从右到左动画，那么你必须将搜索框作为叠加（在这种情况下，搜索框将与菜单重叠）按位置：绝对并且它首次粘贴在同一位置并且点击后，它会向左展开并与菜单重叠。

根据您的网站，您只需修改搜索框的父li标记的50px宽度。

Answer 3

添加浮动：左！重要; for class =＆＃34; maximenuck maximenuckmodule item1509 last level1＆＃34;。参见下图。

image