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

我有一个导航栏和一个图像和搜索栏，我想要放在导航栏内，最右边。为什么我的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>

http://codepen.io/donnaloia/pen/hlEjs

来源

2014-09-27 stephan

在'。用户具象img'类中添加'浮动：权利;通过'http：// codepen .io/anon/pen/izGhg – Pierre 2014-09-27 23:45:44

在 .user-avatar img类

，加float: right;

http://codepen.io/anon/pen/izGhg

来源

2014-09-27 23:51:37 Pierre

谢谢。这将搜索栏放在正确的位置，但我仍然不确定图像的位置。它没有出现在任何地方。 – stephan 2014-09-28 01:07:39

得到它的工作，谢谢。 – stephan 2014-09-28 04:02:58

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

回答

相关问题