将代码复制到下拉菜单按钮以创建第二个下拉菜单按钮时出现问题

时间:2014-02-27 06:48:52

标签: html css drop-down-menu

我是HTML / CSS的新手,我还在学习。

我刚刚创建了一个下拉菜单按钮,这里是代码http://cssdeck.com/labs/he8ykb8n

正如您所看到的,导航菜单中只有#34;男士服装"带下拉菜单的按钮。

我试图复制该代码并在"男士服装"旁边制作第二个下拉菜单按钮。按钮。

问题在于我复制了#34; Men's Wear"按钮第二个按钮没有对应于"男士服装"按钮,而不是它显示在下面。

这就是我想要实现的目标:http://i.stack.imgur.com/DZtoq.jpg

2 个答案:

答案 0 :(得分:1)

第二个菜单正在破碎,因为第一个菜单正在获取标题的完整宽度,因此顶部没有第二个菜单的空间。因此,您必须管理每个 li标记的宽度。 尝试这个课程,而不是你的课程,看看差异:

.menubar { 
   width:200px !important; 
   float:left; 
   list-style: none;
 }

答案 1 :(得分:0)

我会尝试使用div或表格对齐下拉菜单