CSS嵌套子菜单显示与父菜单相同的级别
请问如何使嵌套子菜单显示在与父菜单相同的级别 我制作了一个custon CSS来处理嵌套的子菜单,如下所示CSS嵌套子菜单显示与父菜单相同的级别,css,menu,navbar,nav,submenu,Css,Menu,Navbar,Nav,Submenu,请问如何使嵌套子菜单显示在与父菜单相同的级别 我制作了一个custon CSS来处理嵌套的子菜单,如下所示 body { padding-top: 60px; padding-bottom: 40px; } .sidebar-nav { padding: 9px 0; } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dr
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
display: block;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
这是链接您就快到了。您只需在CSS中添加以下内容:
.dropdown-menu > li {
position: relative;
}
这使得子菜单的绝对位置相对于列表元素,而不是整个列表。您能再解释一下吗..您需要子菜单出现在哪里?