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

标签 javascript html css

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

相关文章:

javascript - 简单但长的页面在 IE 中非常慢,而在其他地方则很快(长 DOM 会导致问题?)

javascript - IE7/8 + <time> 标签 + jQuery .clone() =?

html - 如何在 table 上强制最小高度

css - 从父类以外的类继承属性

javascript - 在 javascript 中使用新对象内的返回值

javascript - 无法与通过jquery追加添加的dom对象交互

javascript - setState 不会导致渲染 React Native

javascript - 如何使用cakephp中的复选框将数据保存在数据库中

html - 使用 CSS 在 HTML 中添加字体

html - 如何使用转发器在列中显示多条记录?