Javascript 如何防止CSS/HTML下拉列表部分显示在页面外？

我有一个纯css/html下拉菜单，这是我偷来的代码。它就像一个符咒；唯一的问题是，如果该菜单项位于页面的最右侧，则下拉项位于页面的一半

我正在开发一个javascript解决方案；有没有办法只用CSS来解决这个问题

---

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

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

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

…您希望：

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

---

如果使用与相同的CSS，您可能需要调整

#nav li

的右边距。

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

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

…您希望：

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

---

如果使用与相同的CSS，您可能需要调整

#nav li

的右边距。

应该怎么做？也许把菜单移到更左边？你能把内容包起来吗？对不起，可以。我希望内容移到左边。不要认为它可以用css来完成，因为菜单是绝对定位的，因此超出了文档流。应该怎么办？也许把菜单移到更左边？你能把内容包起来吗？对不起，可以。我希望内容移到左边。不要认为它可以用css来完成，因为菜单是绝对定位的，因此超出了文档流