HTML的异常行为

Question

在我们网站的导航栏中，如果我在下一行中写入以下标记，则“概览”选项卡将向下移动。在与结束标记同一行中写入下一个下一个锚标记时，神奇地解决了该问题。

这段代码给出了这样的输出

<nav role="navigation" class="nav-menu w-nav-menu">
  <div data-delay="0" class="w-dropdown">
    <div class="nav-link dropdown w-dropdown-toggle">
      <div>Overview</div>
      <div class="dropdown-arrow w-icon-dropdown-toggle"></div>
    </div>
    <nav class="dropdown-list w-dropdown-list">
      <a href="/usecases" class="dropdown-link w-dropdown-link">Use cases</a>
      <a href="/pricing" class="dropdown-link w-dropdown-link">Pricing</a>
    </nav>
  </div>
  <a href="https://tryscribe.haash.io/" target="_blank" class="nav-link w-nav-link">FAQs</a><a href="/about-scribe" class="nav-link w-nav-link">About</a><a style="text-decoration: none" href="/login" class="nav-link w-nav-link">Login</a>
</nav>

在结束</div>之后删除下一行：

<nav class="dropdown-list w-dropdown-list">
  <a href="/usecases" class="dropdown-link w-dropdown-link">Use cases</a>
  <a href="/pricing" class="dropdown-link w-dropdown-link">Pricing</a>
</nav>
</div><a href="https://tryscribe.haash.io/" target="_blank" class="nav-link w-nav-link">FAQs</a><a href="/about-scribe" class="nav-link w-nav-link">About</a><a style="text-decoration: none" href="/login" class="nav-link w-nav-link">Login</a>

很难解决此问题，但是我仍然不确定为什么会起作用。