我的导航栏后有空白？如何删除它？答案

【问题标题】：There is white space after my Navbar? How to delete it?我的导航栏后有空白？如何删除它？
【发布时间】：2022-05-01 06:38:09
【问题描述】：

这是我的导航栏。

<div class="navbar navbar-default">
  <div class="container-fluid">

    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" id="Logo" href="/">xxxx</a>
    </div>

    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar">
        <li class="active"><a href="#">Home</a>
        </li>
        <li><a href="#">Blog</a>
        </li>
        <li><a href="www.pinkman-translations.com/Sprachen">Sprachen</a>
        </li>
        <li><a href="#">Kontakt</a>
        </li>
      </ul>

      <ul class="nav navbar-nav navbar-right">
        <li><a href="xxxx"><i class="fa fa-phone fa-lg"></i>xxxx</a>
        </li>
      </ul>
    </div>

  </div>
</div>

在此之后，我设置了一个 Section，但问题是 Navbar 和 Section 之间有一些空白。我希望该部分在导航栏之后立即开始，或者更好的是导航栏从该部分的顶部开始。有什么想法吗？

【问题讨论】：

请提供更多实际可复制的信息和代码。您提供了很多毫无意义的代码。我们无法重现此问题或使用您提供的代码获得足够的上下文。话虽如此，我会查看边距和/或填充。
抱歉，这是我的第一篇文章，我的问题已得到解答，但下次我会尝试提供更好的代码。谢谢！

标签： css html twitter-bootstrap

【解决方案1】：

Bootstrap 的 .navbar 组件的默认下边距为 20 像素。您可以通过在样式表中添加以下 CSS 来消除这种情况。

.navbar.navbar-default { margin-bottom: 0; }

我建议您也查看Bootstrap's Navbar Documentation，因为您在.navbar-collapse div 中的无序列表中有一个重复的.navbar 类。

【讨论】：

【解决方案2】：

使用以下方法删除空白：

overflow: 'hidden'

【讨论】：