元素被其他元素下推

<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和子元素下來一對夫婦像素結束。

我不確定爲什麼導航項被推下。

來源

2014-09-30 Tyler Sebastian

加上'垂直對齊：首位;''到＃左nav' - http://jsfiddle.net/6L8eqok9/ – Anonymous 2014-09-30 01:32:30

@MaryMelody那麼是什麼讓容器比看起來更大（是不是爲什麼它被撞倒了）？ – 2014-09-30 01:36:56

檢查了這一點 - [爲什麼這個行內塊元素推下？]（http://stackoverflow.com/questions/9273016/why-is-this-inline-block-element-pushed-downward） – Anonymous 2014-09-30 01:49:37

添加float : left;的容器，而不是孩子：

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

來源

2014-09-30 01:33:36 AlienWebguy

元素被其他元素下推

回答

相關問題