搜索框不能正確浮動

-2

我創建了可擴展的搜索框並將其設置爲「float：left」。搜索框不能正確浮動

但移動搜索框的「float：right」。 - https://www.screencast.com/t/mZ5LpKkjH1O

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

2017-10-11 Tushar Korat

請更新您的問題包括：[最小，完整，可驗證的示例]（https://stackoverflow.com/help/mcve） - 外部鏈接都望而卻步，因爲他們可以隨時間而改變，並對其他用戶沒有幫助。（另外，很多人都可以點擊隨機的未知鏈接，這是可以理解的）。請參閱：[如何創建可運行的代碼段]（https://stackoverflow.blog/2014/09/16/introducing-runnable-javascript-css-and-html-code-snippets/） – FluffyKitten

相反浮動右邊的搜索框元素的行動證明這一點，浮動權的容器，在這種情況下，<li>元素。

來源

2017-10-11 10:57:59

根據您的要求有2種方式。

使背景位置：右中心。這將有助於從右向左查看動畫。
如果你確實需要從右到左的動畫，所以你必須將搜索框作爲疊加層（在這種情況下，搜索框將與菜單重疊）按位置：絕對值，並且它將首次保持在相同的位置，並且在點擊它會向左擴展並與菜單重疊。

根據你的網站，你只需要修復寬度爲50px的父li搜索框的標籤。

來源

2017-10-11 11:09:01

感謝您的回覆，可以你請給我提供任何截圖或exmplae。 –

@TusharKorat它* *你*提供*我們*與您遇到的問題的例子。您需要在[Minimal，Complete和Verifiable示例]（https://stackoverflow.com/help/mcve）中向我們提供相關代碼，以便我們可以向您顯示如何解決該問題。 – FluffyKitten

添加float：left！important;對於class =「maximenuck maximenuckmodule item1509最後一級1」。請參閱下圖。

image

來源

2017-10-11 11:19:15 Leonine

搜索框不能正確浮動

回答

相關問題