Css 为什么我的img和搜索栏不在导航栏中？

我有一个导航栏和一个图像和搜索栏，我想放在导航栏里面，最右边

前几天我发布了一条关于这一点的帖子，并被告知创建一个容器div，将img和搜索栏嵌套在其中，然后将容器向右浮动。我试过这么做，但还是有问题。搜索栏与导航栏重叠，而不是位于导航栏内部，因此无法看到配置文件图片。我已经包含了一个更详细的代码示例，我希望有人能找到我到底做错了什么

<nav>   
    <ul>
        <li class="drop">
            <div class="user-avatar">
                <img src="http://www.b.com/img.ihttp://c3e308.medialib.glogster.com/teebing/media/68/687cc4e9a6c1aeb052c522de735ca61842054334/cookiemonsterface.jpg" alt=""" />
            </div>
        </li>   
    </ul>
</nav>


<div id="head-search">
    <span>Search</span>
        <form id="searchform">
            <input placeholder="Search">
            <input type="button" class="btn">
        </form>
</div>

搜寻

---

在你的

类中，添加
float:right

在你的
.user avatar img
类中，添加
float:right谢谢。这将把搜索栏放在正确的位置，但我仍然不确定图像在哪里。它没有出现在任何地方。