css - 向下对齐子菜单

Question

因此，为了学习更多 HTML 和 CSS 响应能力，我制作了一个小按钮和导航工具包。导航是我的弱点，我遇到了第一个问题，我无法理解。

https://jsfiddle.net/ku0wezws/3

如果你滚动到 CSS 的底部，你会发现 subnav 实现，我想要实现的是当你将鼠标悬停在 上时，将所有内容居中对齐>关于。您会注意到它只是一个接一个地并排对齐。我的目标是将所有这些正常地居中，一直向下。像这样:http://www.w3schools.com/howto/howto_js_dropdown.asp

我真的很傻吗？我觉得我是。我应该在 CSS 中进行哪些调整才能实现这一目标？

谢谢。

编辑:

编辑 JSFiddle

Answer 1

添加这个以防止该子菜单的 li 元素彼此相邻 float :

.jkit-subnav li {
      float:none;
}

https://jsfiddle.net/yhkuv138/