Html 元素被其他元素向下推

相关小提琴：

它以

#left nav

结束，子元素被向下推几个像素

---

我不知道为什么导航项被按下。

添加

浮动：左到容器，而不是子容器：

添加
垂直对齐：顶部
至
#左导航
-@MaryMelody那么是什么使容器比它看起来更大（这不是它被撞倒的原因吗）？请查看此信息-
<div id="header">
    <div class="header-nav"><a id="branding" href="/">Branding</a></div>
    <div id="left-nav">
        <div class="header-nav"><a href="/global.php">nav item</a></div>
    </div>
</div>