Question

我正在开发一个网站。在导航栏中，菜单正常，但子菜单无法正常工作。所有子菜单都从第一个菜单中删除。如果光标没有快速地放到子菜单上，子菜单就会消失。

The site preview is here：http://ticketsbd.com/

jsfiddle链接在这里：Fiddle

Answer 1

将其添加到样式表的底部。

li.has-sub {position:relative;}
li.has-sub ul {top:17px;left:0;}

Answer 2

伙计，如果您创建子菜单和菜单，我建议您首先使用此css语法： ul＆gt; li>一个{} 但不是ul li a {} 因为所有属性都将用于此父级ul中的所有元素li和a。它具有很强的层叠效果。只需使用ul＆gt; li，比ul> li> a，你可以使用ul＆gt; li> ul等等。它会帮助你做一些奇怪的事情。

第二，你应该总是设置为父ul和他的孩子li next property

position: relative;

对于子菜单ul，您应该始终设置此属性：

position: absolute;
top: 100%;
left: 0;

这是你应该知道的最低要求。因此，请遵守此规则，您可以根据需要设置菜单样式。

Answer 3

只需将display:inline-block添加到以下类中：

.wrap{
    display:inline-block;
}

.nav_list li{
    display:inline-block;
    border-left: 2px ridge #3D3B3B;
}

fiddle

CSS NavBar无法正常工作

3 个答案: