向下对齐子菜单答案

【问题标题】：Align submenu down向下对齐子菜单
【发布时间】：2016-10-13 22:17:00
【问题描述】：

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

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

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

谢谢。

编辑：

编辑了 JSFiddle

【问题讨论】：

请编辑您的代码，使其足以重现问题。
在.jkit-nav-inverse ul li ul li{ clear: both; }上清除你的浮动

标签： css hover submenu dropdown

【解决方案1】：

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

.jkit-subnav li {
      float:none;
}

https://jsfiddle.net/yhkuv138/

【讨论】：

【解决方案2】：

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

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

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

Updated fiddle

【讨论】：