css - 响应式导航下拉菜单

Question

我似乎无法将下拉菜单移动到导航下方。我尝试了几种不同的方法来实现这一点，但我对内联 block 与 float 和其他技术感到困惑。

我在这里做了一个 fiddle :

jsfiddle.net/p1mrtuex/

如您所见，悬停时下拉菜单会拉到“投资组合”链接的一侧。我希望它列在宽视口(viewport)和窄视口(viewport)的链接下方。

提前致谢。

Answer 1

将“nav ul li:hover ul”更改为 display:block 应该清除它。

nav ul li:hover ul {
    display: block;
}