下拉菜单是搞乱布局？

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