下拉菜單是搞亂佈局？

Question

我想創建下拉菜單比如

我達到demo在該網頁，但現在當我嘗試添加

<ul id="secondarynav"> 
     <li><a href="#">Pictures</a></li> 
     <li><a href="#">Video</a></li> 
</ul> 

佈局變得混亂像this。我有很多的嘗試但沒有用處可能是我沒有在標題上使用框大小。

Answer 1

寫vertical-align：top is #nav。就像這樣：

#nav li { 
    display: inline-block; 
    list-style: none outside none; 
    vertical-align: top; 
}