javascript - 在左侧显示子列表的 CSS 属性

标签 javascript jquery css drop-down-menu

我有一个看起来是like this的菜单,将鼠标悬停在“tanfa demo example”上时,子列表出现在 RHS 上

问题是,在我的例子中,整个菜单都在 extreme right 上.我希望子列表出现在 LHS 上。

我试过使用 CSS“left: 0; top: 0;”属性,但这只会在其父元素的左上角显示子列表,重叠如下,

enter image description here

我希望菜单从其父级的“left: 0; top: 0”开始,然后向其左侧滑动。我更喜欢通过 CSS 的解决方案。

最佳答案

尝试使用 right: 100% 而不是 left: 0,这基本上告诉您的菜单它应该将其左边缘定位到其父级的最左边缘。 right: 100% 应该告诉它使其最右边缘与父菜单的最左边缘对齐。希望这对您有所帮助!

关于javascript - 在左侧显示子列表的 CSS 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10992688/

相关文章:

JavaScript 范围 : How to create anonymous functions with different values?

javascript - 不允许从 Dynamics 365 和本地资源访问本地文件

Javascript 菜单向左移动并在 Android 浏览器的屏幕右侧显示间隙

javascript - 回调 hell 、地理位置 - JavaScript

javascript - Highcharts触发后台点击事件

javascript - 观察服务中的对象属性时,Ember Js 计算组件中的属性失败

javascript - 访问 div 元素

javascript - 如何仅在用户使用 IE 浏览时隐藏按钮

javascript - jQuery:如何从逗号分隔的字符串创建索引数组

html - 菜单栏中断到下一行/大小根据缩放级别波动