Html 作为父项的高度和导航栏内的位置

我第三次修改了，现在看起来更清晰了。以下是链接：

html 正如你所看到的，搜索我们的葡萄酒，没有导航栏那么高，我已经尽我所能了

有什么建议吗

---

谢谢

看看下面的方法是否有效：

<ul class="nav navbar-nav">
                  <li class="active"><a href="#">HOME</a></li>
                  <li><a href="#">OUR PHILOSOPHY</a></li>
                  <li><a href="#">OFFERS</a></li>
                  <li><a href="#">FINE WINE</a></li>
                  <li><a href="#">TOUR & TASTE</a></li>
                  <li><a href="#">CONTACT</a></li>
                  <li><div class="searchBoxContainer col-md-5 pull-right">
                        <div id="searchOurWines">
                          <div id="containerSearch" class="blackBox">
                            <span id="textSearchBox" class="textInBox">SEARCH OUR WINES</span>
                            <span id="iconSearchBox">
                              <span class="icon-icn-bottle"></span>   
                              <a href=""><span id="arrowSearch" class="icon-icn-sort_down pull-right"></span>  
                                 <span id="arrowSearch2" class="icon-icn-sort_up pull-right"></span></a>   
                            </span>
                          </div>  
                        </div> 
                     </div>
                  </li>  
                </ul> 

---

并将右侧的搜索框按css移动，如果还没有

请不要重复问题，即使有更新。。。更新上一个问题。在这种情况下，您已经这样做了，因此我建议在确保您已经涵盖了任何评论中可能提出的所有要点后，删除前面的问题。谢谢您的回答！它能让一切都动起来！而且这并不理想，因为我必须根据屏幕大小将搜索框移动到不同的位置，所以我需要将其与菜单分隔在一个块中

/*Navigation bar*/
#navbar{
    padding:0;
}
.navbar{
    border-radius:0;
    min-height:40px;
}
.navbar.navbar-default{
     border:0;
     margin:0;
}
.navbar-nav > li > a {
padding-top:10px;
padding-bottom:10px;
}
#navWrap{
    background-color:#808080;
}
#arrowSearch2{
    display:none;
}
.searchBoxContainer{
    border:1px solid pink;
}

<ul class="nav navbar-nav">
                  <li class="active"><a href="#">HOME</a></li>
                  <li><a href="#">OUR PHILOSOPHY</a></li>
                  <li><a href="#">OFFERS</a></li>
                  <li><a href="#">FINE WINE</a></li>
                  <li><a href="#">TOUR & TASTE</a></li>
                  <li><a href="#">CONTACT</a></li>
                  <li><div class="searchBoxContainer col-md-5 pull-right">
                        <div id="searchOurWines">
                          <div id="containerSearch" class="blackBox">
                            <span id="textSearchBox" class="textInBox">SEARCH OUR WINES</span>
                            <span id="iconSearchBox">
                              <span class="icon-icn-bottle"></span>   
                              <a href=""><span id="arrowSearch" class="icon-icn-sort_down pull-right"></span>  
                                 <span id="arrowSearch2" class="icon-icn-sort_up pull-right"></span></a>   
                            </span>
                          </div>  
                        </div> 
                     </div>
                  </li>  
                </ul>