gpt4 book ai didi

javascript - 如何防止 CSS/HTML 下拉菜单部分显示在页面外?

转载 作者:行者123 更新时间:2023-11-28 18:54:19 27 4
gpt4 key购买 nike

我有一个纯 css/html 下拉菜单,我几乎从 csswizardry here 偷来的代码.它就像一个魅力;唯一的问题是,如果该菜单项位于页面的最右侧,则下拉项位于页面的一半之外。

我正在研究一个 javascript 解决方案;有没有办法只使用 CSS 来解决这个问题?

编辑:我正在寻找向左移动的下拉内容,以便下拉项完全可见。

最佳答案

查看你基于它的代码,而不是

#nav li:hover ul { left:0; }

...你会想要:

#nav li:hover ul { left:auto; right:0; }

如果您使用与 csswizardry 相同的 CSS,看起来您可能需要调整 #nav li 的右边距.

关于javascript - 如何防止 CSS/HTML 下拉菜单部分显示在页面外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8407082/

27 4 0