Html 如何使div向上浮动？

我在不同的div中有一个菜单和一个子菜单。他们之间有一段距离。我怎样才能使它们看起来像一个完整的菜单？我使用引导导航栏作为主菜单，使用简单导航作为子菜单。我是css的新手。这就是我所拥有的：

<div class="navbar navbar-inverse">
  <div class="navbar-inner">
    <a class="brand" href="#">Website Logo</a>
    <ul class="nav">
      <li class="active"><a href="#">DashBoard</a></li>
      <li><a href="#">Docs</a></li>
      <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown"  href="#">Account<b class="caret"></b></a>
        <ul class="dropdown-menu" style="width: 250px;">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">LogOut</a></li>
        </ul>
       </li>
    </ul>
  </div>
</div>
<div>
<ul class="nav nav-pills">
  <li class="active">
    <a href="#">Stats</a>
  </li>
  <li><a href="#">Api Calls</a></li>
  <li><a href="#">Settings</a></li>
</ul>
</div> 

我只想把它们之间的空隙去掉

还有一个小问题：

---

我怎样才能去掉按钮和下拉菜单之间的一点插入符号？（帐户导航项与其下拉列表之间的白色三角形）

添加以下CSS以删除边距：

.navbar{
    margin:0px;
}

---

JS Fiddle:

可以通过删除类导航栏的默认

边距底部来回答您的第一个问题：

.navbar {
    margin-bottom:0
}

现在，回答你的第二个问题。下拉菜单上有一个使用边框创建的三角形。您可以使用此css禁用此功能：

.navbar .nav > li > .dropdown-menu:after {
    border:none;
}

.navbar
有一个由bootstrap.csw应用的
边距底部，Kevin Bowersox在下面说。另外，将此添加到CSS文件中应该可以消除小三角形：
.navbar.nav>li>。下拉菜单：在{display:none！important；}
@oleg.foreign很高兴帮助您！你可以接受我的回答；）