如何使菜单下拉船坞中的子项不在导航范围内？

Question

我已经做了一个菜单与下拉完全在css和我有一点困难，在李下的子项被悬停。

这是小提琴

相反，它停靠在整个导航结构下。我知道这与最高层有关: 100%；

nav ul ul {
        background: #2A3E53; 
        border-radius: 0px; 
        padding: 0;
        position: absolute; 
        top: 100%;
    }

我要怎么做才能使它停靠在李下面，推动其余的项目，有什么建议吗？

米歇尔·费努( Michele )的答案中的S溶液：

@media only screen and (max-width: 767px) {
    nav ul ul {
        position: static;
    }
}

Answer 1

如果我理解了你的问题，试着改变这个。

nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}

进入到这个

nav ul ul ul {
    position: static; 
    left: 100%; 
    top:0;
}

这是一个小提琴