Css 导航菜单中的对齐

我正在使用导航栏和下拉菜单，只使用CSS

我正在尝试将子菜单与父元素

。下拉列表

对齐。当我在任何父容器上使用

position:relative

，以便我可以添加

position:absolute

子元素时，非常奇怪的格式化事情开始发生

---

/*导航*/
标题导航{
浮动：对；
边缘顶端：43像素；
边框样式：实心；
边框颜色：黑色；
}
标题导航李{
显示：内联；
左边距：50像素；
}
标题导航李a{
颜色：黑色；
过渡性质：颜色；
过渡持续时间：.2s；
}
标题导航李a：悬停{
颜色：橙色；
}
/*下拉菜单*/
.下拉列表{
}
.下降导航{
位置：绝对位置；
显示：无；
边框样式：无；
边框颜色：黑色；
填充：10px；
右侧填充：30px；
左：40%；
边缘顶部：5px；
背景颜色：灰色；
颜色：白色；
}
.投李导航{
左边距：20px；
}
.下拉：悬停。下拉导航{
显示：块；
}

饮料
早餐
早午餐
冰淇淋

这是你要找的东西吗

---

发布一张你想要的图片。如果你没有足够的代表，你可以将其作为链接或在评论中发布。我同意@sdcr，我发现很难准确理解问题是什么。这就是你想要的那种东西吗？

/* DROPDOWN MENU */


.dropdown {
    position: relative;
}
.drop-nav {
    position:absolute;
    display:none;
    border-style: none;
    border-color:black;
    padding:10px;
    padding-right: 30px;
    left:0%;
    top: 100%;
    background-color: grey;
    color:white;
    width: 150px;
}
.drop-nav li{
    margin-left:20px;
    display: block;
}