Question

您好我已经制作了菜单。它是顶部固定菜单下面的黑色丑陋外观。您可以查看HERE或您在我的网站上访问的任何页面。它是聊天新闻生活方式QI家庭生活体育技术菜单项目。

有些项目有子菜单项。单击“运动”项目时，您可以看到最佳效果。实际上那是目前唯一一个有儿童用品的人。

正如您所看到的那样，当点击运动并显示孩子时，'tech'菜单项会显示在底部。任何人都可以为我推荐一个解决方案，以便最好的记忆项始终保持在顶部吗？

如果你在“冰上曲棍球”下更深入地进行“运动”，那么就有“美式足球”的临时链接。我希望那会留在第三层的东西上，让前2个错误的层面都很漂亮。

有人可以帮帮我吗？我已经摆弄了一段时间，我不得不承认失败。

由于

#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

您需要更改display类型

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

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

显示儿童时顶级菜单项目下滑

1 个答案: