如何保持CSS/HTML下拉菜单显示部分离开页面

How to keep CSS/HTML dropdown from showing partially off-page?

本文关键字：离开 显示部 下拉菜单 何保持 CSS HTML      更新时间：2023-09-26

我有一个纯css/html下拉菜单，代码我几乎从这里偷来的csswizardry。它就像一种魔力;唯一的问题是，如果该菜单项位于页面的最右侧，则下拉菜单项将位于页面的一半。

我正在做一个javascript解决方案;是否有一种方法来解决这个问题，只使用CSS?

编辑:我正在寻找下拉内容移动到左边，这样下拉项是完全可见的。

查看基于它的代码，而不是

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

…你想要:

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

如果你使用与csswizardry相同的CSS，你可能需要调整#nav li的右距

相关文章：