css - 显示子项时顶级菜单项滑落

Question

你好，我做了一个菜单。它是顶部固定菜单下方黑色丑陋的东西。可以查看HERE或者在您访问我网站的任何页面上。它具有 Chat News Lifestyle QI Home Life Sport Tech 菜单项。

一些元素有子菜单项。当您单击“运动”元素时，您可以看到它的最佳状态。实际上，这是目前唯一带有子元素的。

如您所见，当单击运动并显示子项时，“技术”菜单项会落在底部。任何人都可以为我建议修复，以便顶部的 memu 元素始终保持在顶部吗？

如果您更深入地了解“冰球”下的“运动”，可以临时链接到“美式足球”。我希望那会留在第 3 层的东西上，让最上面的 2 个 errr 层保持漂亮。

有人可以帮我吗？折腾了好久，终于认输了。

谢谢

#block-menu-menu-categories ul {
    text-align: center;
}


#block-menu-menu-categories ul li {
    background: none repeat scroll 0 0 black;
    border-radius: 4px 4px 4px 4px;
    display: inline;
    list-style: none outside none;
    padding: 2px 5px;
}

menu, ol, ul, .item-list ul {
    padding: 0 0 0 30px;
}

Answer 1

您需要更改显示类型

#block-menu-menu-categories ul {
    text-align: center;
    display: inline;
}

将 display: inline; 添加到此元素，如上所示。