下拉菜单中的问题

发布于 2024-11-01 03:20:35 字数 187 浏览 6 评论 0原文

我遇到动态下拉菜单的问题。 请检查屏幕截图。 在此处输入图像描述

在这里,我将子菜单列表固定在屏幕的右侧。它无法正确查看。我想将此列表放在屏幕的左侧或上方。

抱歉英语不好。希望你理解。

任何帮助将不胜感激。 谢谢

I am getting an issue with dynamic drop down menu.
Please check the screenshot.
enter image description here

here I am getting the child menu list fixed into right side to screen. It is not viewing correctly. I want to get this list either left side or upper the screen.

Sorry poor english. Hope You understand.

Any help will be greatly appreciated.
Thank you

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

要走就滚别墨迹 2024-11-08 03:20:35

查看: http://www.d1079363-74.cp.blacknight.com/dev /

在你的 HTML 中,你需要添加另一个 class 到应该在右侧打开的子菜单,如下所示:

<ul class="sub-menu open-right">

然后添加这个新的 CSS:

#menu ul ul ul.open-right {
    left: -100%;
}

这应该可以工作,但我还没有看着你所有的CSS。如果它不起作用,请尝试使用 left: -100% !important; 代替。如果可行,我将看看如何在不使用 !important 的情况下修复特异性。

Looking at: http://www.d1079363-74.cp.blacknight.com/dev/

In your HTML, you need to add another class to the submenu that should open on the right, like this:

<ul class="sub-menu open-right">

Then add this new CSS:

#menu ul ul ul.open-right {
    left: -100%;
}

That should work, but I haven't looked at all your CSS. On the off chance that it doesn't work, try using left: -100% !important; instead. If that works, I'll have a look at how to fix the specificity without using !important.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文