javascript - 如何使下拉菜单垂直

Question

我在页面顶部有一个水平菜单，我希望在其中一个水平菜单项下方显示一个垂直下拉菜单。菜单未连接...在页面顶部生成水平菜单的代码与我希望出现在下方的垂直菜单的代码完全分开。

但是，菜单是水平显示的。我需要做什么才能使每个菜单项垂直显示。

我在 js fiddle 有一把 fiddle

这里有一些代码，因为我必须在这里粘贴一些东西..

#dvMenu ul 
{
padding:0;
margin:0;
list-style: none;
position: relative;
}

如果您查看 fiddle ，请运行它并单击“链接二”——出现子菜单——但它是水平的。我需要做什么才能使其垂直显示？

Answer 1

从 #dvMenu li 中删除 float: left。

检查您的 updated Fiddle .