向下对齐子菜单

Question

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

https://jsfiddle.net/ku0wezws/3

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

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

谢谢。

编辑：

编辑了 JSFiddle

Answer 1

添加此项以防止该子菜单的 li 项彼此相邻浮动：

.jkit-subnav li {
      float:none;
}

https://jsfiddle.net/yhkuv138/

Answer 2

只需清除 .jkit-nav-inverse ul li ul li 中的 float。

将以下代码添加到 CSS 的末尾。

.jkit-nav-inverse ul li ul li{
  clear: both;
}

Updated fiddle