我有一个纯 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/