Javascript CSS属性在左侧显示子列表

我有一个菜单，它看起来，在tanfa演示示例上悬停，子列表出现在RHS上

问题是，在我的情况下，整个菜单都打开了。我希望子列表出现在LHS上

我已经尝试使用CSS左：0；排名：0；属性，但这只会在其父元素的左上角显示子列表，其中它重叠如下

---

我希望菜单从左开始：0；顶部：其父对象的0，但随后向左滑动。我更喜欢通过CSS的解决方案

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

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

如果我理解正确，要使子列表显示在父列表的左侧，请将其left属性设置为-100%

---

如果我理解正确，要使子列表显示在父列表的左侧，请将其left属性设置为-100%

你可以试试这个： 为子弹出列表设置负边距=父列表边距的2倍

i、 e:在弹出列表中添加类似的内容

{
    margin: 0 -300px; /* 0 denotes top and bottom margin : 0 */
}

注：虽然看了你的代码，但这是不可取的。需要对代码进行更多更改才能正常工作

可以尝试以下方法： 为子弹出列表设置负边距=父列表边距的2倍

i、 e:在弹出列表中添加类似的内容

{
    margin: 0 -300px; /* 0 denotes top and bottom margin : 0 */
}

注：虽然看了你的代码，但这是不可取的。将需要在代码中再做一些更改才能正常工作左侧：0表示您定义了它的位置。那么，解决方案是什么而不是left:0您可以定义left:auto；。这样写：

#menu ul ul ul {
position: absolute;
top: 0;
left:auto;
right:100%;
width: 100%;
}

或者删除左：0，正如Jake已经解释的那样

选中此复选框：0表示您为其定义了位置。那么，解决方案是什么而不是left:0您可以定义left:auto；。这样写：

#menu ul ul ul {
position: absolute;
top: 0;
left:auto;
right:100%;
width: 100%;
}

或者删除左：0，正如Jake已经解释的那样

---

选中此复选框

您希望菜单显示在屏幕的另一侧，如极端左侧，还是仅显示在父菜单的左侧？我希望菜单显示在jsfiddle.net/wEExT/8中，您希望菜单显示在屏幕的另一侧，如极端左侧，还是仅显示在父菜单的左侧？我希望菜单仅显示在左侧就像在jsfiddle.net/wEExT/8中一样