Javascript 需要使子菜单的屏幕全宽

使用css如何使子菜单从屏幕左侧开始，而不是从父项下开始

nav{
保证金：0自动；
文本对齐：居中；
}
导航ul{
显示：无；
}
导航ul li：悬停>ul{
显示：块；
}
导航ul{
列表样式：无；
}
李国荣{
浮动：左；
}
nav ul li:悬停a{
颜色：#000000；
边缘底部：5px；
边框顶部：1px实心#000000；
边框底部：1px实心#000000；
}
海军ulli a{
显示：块；
填充：5px15px；
颜色：#000000；
文字装饰：无；
}
导航ul{
边界半径：0px；
填充：0；
位置：绝对位置；
}
李国宝{
浮动：无；
位置：相对位置；
}
海军ulli a{
颜色：#000000；
}
导航ulli a：悬停{
颜色：#666666；
}
导航ul{
位置：绝对位置；
排名：0；
}

您可以尝试将亲属和子女的父

位置设置为
绝对
，然后使用
左、右、下、上设置位置

例如
left:0
会将您的子项放在最左边

编辑：JSFIDLE正确吗？”因为我在hover上似乎找不到任何子菜单，单击它会抛出404
通常，当您想要强制元素的位置与最初在DOM中出现的位置不同时，您可以使用值为绝对/相对/固定的
位置
，然后给它一个
top/bottom/left/right
来调整/指定它显示的位置up@Taplar我试过了，但没有成功。JSFIDLE是正确的。。。当我把鼠标悬停在罚单上时，你也可以在上面运行我的代码片段-那里根本没有任何东西Thno，它正在打开子菜单，你也可以检查html代码，它在我的网站上运行良好side@uixpider我看不到菜单也打开了。您有一个错误`display:block ruby；`红宝石不应该在那里。我编辑了它。@VVV display:block ruby应该在那里水平显示菜单，您已经删除了ruby，现在它垂直显示