元素被其他元素压低

Question

相关小提琴：http://jsfiddle.net/tc05vfee/

<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>

最终会导致#left-nav和子元素按下几个像素。

我不确定导航项目被推倒的原因。

Answer 1

将float : left;添加到容器中，而不是子项：

http://jsfiddle.net/tc05vfee/1/