下拉菜单是乱七八糟的布局？

Question

我正在尝试创建下拉菜单

我在该页面已到达demo，但现在当我尝试添加

时

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

布局变得像this一样凌乱。我已经尝试了很多，但没有用，我可能没有在标题上使用盒子大小。

Answer 1

写 vertical-align：top 为#nav。像这样：

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