错误菜单下拉css html<；导航>&书信电报；ul>；

我正在创建一个页面，其中有一个菜单包含一个子菜单，该子菜单位于页面顶部的中心，我的问题是将子菜单与主菜单集中，因为它总是不对齐，有人知道它可以是什么吗？提前感谢您的帮助！ “ps:图像中包含可见错误”

edit1:使用缺少的链接和html运行和。 链接：

菜单{
宽度：100%；
高度：49px；
背景色：#494545；
字体系列：'Arial'；
职位：-webkit sticky；/*Safari*/
位置：粘性；
排名：0；
z指数：9999；
}
.菜单ul{
列表样式：无；
位置：相对位置；
左缘：24%；
}
李先生{
宽度：150px；
浮动：左；
}
.菜单a{
填充：15px；
显示：块；
文字装饰：无；
文本对齐：居中；
背景色：#494545；
颜色：#fff；
}
.菜单{
位置：绝对位置；
可见性：隐藏；
}
.菜单ul li：悬停>ul{
能见度：可见；
/*边框：1px实心#901E93；子分区*/
}
.菜单a：悬停{
背景色：#7F818D；
颜色：#fff；
}
.菜单ul li{
浮动：无；
边框底部：实心1px#ccc；
左边缘：-164%；
}
.菜单ul li a{
背景色：#6464；
}
标签[for=“bt_菜单”]{
填充物：5px；
背景色：#494545；
颜色：#fff；
字体系列：“Arial”；
文本：中心；
字体大小：30px；
光标：指针；
宽度：100%；
最大高度：58px；
z指数：9999；
利润上限：-10px；
顶部：-5px；
显示：无；
位置：固定；
}
伊姆巴尔先生{
最大高度：25px；
最大宽度：25px；
边缘顶部：10px；
}
#bt_菜单{
显示：无；
}
@介质（最大宽度：800px）{
标签[for=“bt_菜单”]{
显示：块；
颜色：#fff；
z指数：9999；
位置：固定；
页边顶部：1px；
}
.菜单{
页边顶部：-1px；
左边距：-100%；
转换：all.4s}
#bt_菜单：选中~。菜单{
左边距：0；}
李先生{
宽度：100%；
float:none；}
.菜单{
位置：静态；
溢出：隐藏；
最大高度：0；
过渡：全部。4s；
}
.菜单ul li：悬停ul{
高度：自动；
最大高度：200px；
}
.菜单ul{
列表样式：无；
位置：相对位置；
左边距：0；
z指数：9999；
}
.菜单ul li{
浮动：无；
边框底部：实心1px#ccc；
左边距：0；
}
.视差{
宽度：100%；
/*使用的图像*/
背景图像：url（../img/img1.jpg）；
/*设定一个特定的高度*/
高度：800px；
/*创建视差滚动效果*/
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
利润上限：-50px；
}
#乌尔托波{
边缘顶端：49像素；
}}
html

请更新css

这里是链接

添加css

.menu ul li {
    position: relative;
}
.menu ul ul {
    left: 0;
    margin: 0;
}

并从中删除样式

左边距：-164%

.menu ul ul li {
    float: none;
    border-bottom: solid 1px #ccc;
    margin-left: -164%;
}

---

如果您能向我们展示它的一个工作副本（如JSFIDDLE），或者至少为您提供html，那就更好了示例-。1） .菜单ul li-位置：相对；2） .菜单ul-左边距：0；3） .menu ul li-去除左边空白：-164%；非常感谢，它工作得很好！！！：谢谢你，这个答案很有帮助！！快乐的编码伙伴

.menu ul ul li {
    float: none;
    border-bottom: solid 1px #ccc;
    margin-left: -164%;
}