Html 如何使子菜单保持在顶部？

我有一个垂直菜单和下拉菜单不会合作。目前看起来是这样的：

但我希望它看起来像这样：

a{
文字装饰：无；
}
保险商实验室{
保证金：0；
填充：0；
}
李{
列表样式：无；
}
按钮，。按钮{
大纲：无；
-webkit外观：无；
边界：无；
显示：块；
光标：指针；
}
部分{
宽度：100%；
身高：100%；
背景色：#fafafa；
填充：0；
位置：相对位置；
溢出：隐藏；
显示：块；
}
/*菜单*/
.应用程序导航{
背景色：#fff；
位置：绝对位置；
排名：0；
左：0；
底部：0；
保证金：自动0；
最小高度：540px；
z指数：40；
右边框：1px实心#ddd；
宽度：80px；
}
.app导航标志{
显示：块；
文本对齐：居中；
线高：60px；
字号：18px；
颜色：#fff；
宽度：70px；
填充：10px 5px；
}
.links-lvl1{
显示：块；
身高：100%；
背景色：#fff；
}
.links-lvl1>li{
位置：相对位置；
}
.links-lvl1>li:最后一个孩子{
位置：绝对位置；
左：0；
底部：0；
宽度：79px；
}
.links-lvl1>li:最后一个孩子>a{
边框底部：无；
}
.links-lvl1 li.trigger:hover.trigger-lvl2{
右边框颜色：#e6；
背景色：#F5F7F9；
盒影：无；
}
.links-lvl1 li.触发器：悬停.links-lvl2{
不透明度：1；
左：100%；
-webkit转换：translateX（0）；
变换：translateX（0）；
/*左边距：0*/
-webkit转换延迟：0秒；
转换延迟：0s；
}
.links-lvl1>li>a{
/*  */
-webkit过渡：所有.15秒都可以轻松完成；
过渡：所有.15秒放松；
显示：块；
保证金：0；
颜色：#7B848A；
文本对齐：居中；
位置：相对位置；
背景色：#fff；
右边框：1px实心；
右边框颜色：#fff；
}
.links-lvl1>li>a：悬停，.links-lvl1>li>a已选中{
颜色：#5C676E；
右边框颜色：#e6；
背景色：#F5F7F9；
盒影：无；
过渡：0.05秒缓进；
}
.links-lvl1>li>a跨度{
显示：块；
}
.links-lvl1[数据提示]{
/*目标工具提示触发器*/
}
.links-lvl1[数据提示]：悬停.tip{
显示：块；
}
.links-lvl1[数据提示].tip{
/*div*/
显示：无；
内容：“工具提示”；
位置：绝对位置；
左：20%；
前-60%；
背景色：rgba（255、255、255、0.9）；
颜色：#495258；
字体大小：12px；
填充：6px；
保证金：0；
边界半径：2px；
空白：nowrap；
}
.links-lvl1[数据提示].提示：之后{
内容：“；
位置：绝对位置；
边框顶部：6px实心rgba（255、255、255、0.9）；
左边框：6px实心透明；
右边框：6px实心透明；
左：4px；
底部：-6px；
}
.links-lvl1。褪色{
/*a*/
背景色：#fff；
颜色：#495258；
}
.links-lvl1.fa{
/*a>i*/
字体大小：32px；
线高：60px；
}
.links-lvl1.站点标签{
文本转换：大写；
显示：块；
字体大小：15px；
线高：26px；
边际：0.13px；
颜色：#b8c0c4；
}
.links-lvl1.links-with-text>li>a{
填充：20px0；
}
.links-lvl1.links-with-text>li>a.fa{
线高：26px；
}
.links-lvl1.links-with-text>li>a span{
线高：14px；
显示：块；
字体大小：13px；
}
.links-lvl1.links-3d>li>a{
边框底部：1px实心#475055；
盒影：插图0-1px0#262b2e；
}
.links-lvl1.links-3d>li>a.选择：之前{
内容：“；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：3倍；
显示：块；
背景色：#FFA143；
边框底部：1px实心#a95500；
框大小：边框框；
}
.links-lvl1.links-3d>li:最后一个子项>a{
盒影：插图0 1px 0#475055；
边框顶部：1px实心#262b2e；
边框底部：无；
}
.links-lvl2{
不透明度：0；
最小高度：200%；
位置：绝对位置；
排名：0；
左-300%；
z指数：9999；
身高：100%；
背景：#fff；
外形：1px实心#ddd；
边框右上角半径：3px；
边框右下半径：3px；
-webkit转换：translateX（-20px）；
转换：translateX（-20px）；
-webkit变换：-webkit变换。15s缓减0，不透明度。15s缓减0，左0线性。15s；
过渡：变换。15s缓减0s，不透明度。15s缓减0s，左0s线性。15s；
}
.links-lvl2.header{
背景：#fff；
边框底部：1px实心#ddd；
颜色：#666；
高度：34px；
字体大小：14px；
高度：40px；
}
.links-lvl2.header：悬停{
背景：#fff；
}
.links-lvl2 a、.links-lvl2.trigger-lvl3{
-webkit过渡：所有.1都可以轻松完成；
过渡：所有.1放松；
显示：块；
填充：10px 14px 10px 14px；
字体大小：12px；
最小宽度：180px；
颜色：#8f9aa1；
空白：nowrap；
位置：相对位置；
}
.links-lvl2 a:悬停，.links-lvl2.trigger-lvl3:悬停{
背景#F5F7F9；
}
.links-lvl2.fa{
/*我*/
字体大小：12px；
右边距：12px；
}
.links-lvl2.selected{
/*适用于










欢迎来到AppSeed！让我们教你一些东西，这样你就不会陷入困境。



内容在这里

您当前正在声明内部级别1链接列表项具有

位置：相对；

。这导致

位置：绝对；

子菜单从列表项的顶部开始，而不是从菜单的顶部开始

删除行

.links-lvl1>li{position:relative；}

，您应该会发现事物本身位于您想要的顶部

---

删除此行：

.links-lvl1>li{position:relative；}

。两个图像（好和坏）是相同的image@haxxxton哇，我怎么会错过这个？！把它放进去