Html 部分下拉菜单不可见

我试图创建下拉菜单，但当我添加

位置：绝对和
显示：块
，我看不到第二个
ul
元素的所有内容。我想同时看到
ul
元素，这样我就可以添加
悬停
和
显示
并完成下拉菜单

我尝试使用
z-index
和
overflow
，但没有任何效果


@导入url（“https://fonts.googleapis.com/css2?family=Roboto+板：wght@100；200；300；400；500；600；700；800；900&display=swap”）；
* {
保证金：0；
填充：0；
-webkit框大小：边框框；
框大小：边框框；
文字装饰：无；
字体系列：“Roboto Slab”，衬线；
}
html{
字体大小：10px；
}
身体{
背景色：#1C1B1A；
}
保险商实验室{
列表样式：无；
}
a{
文字装饰：无；
颜色：#fff；
}
h1，
h2，
h3{
颜色：#fff；
}
标题导航{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-webkit盒包：证明；
-ms-flex-pack:justify；
证明内容：之间的空间；
位置：相对位置；
宽度：100%；
字号：2rem；
}
收割台导航h1{
字体大小：3.5rem；
字号：350；
文本转换：大写；
左：5雷姆；
}
标题导航链接{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
背景：#6B653C；
身高：100%；
填充：1rem；
左：5雷姆；
右：5 REM；
-webkit剪辑路径：多边形（2.750,100%0,100%100,01100%）；
剪辑路径：多边形（2.750,100%0,100%100,01100%）；
}
标题导航链接{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
}
标题导航链接ul li{
保证金：1rem；
文本转换：大写；
位置：相对位置；
}
标题导航链接{
显示：块；
位置：绝对位置；
顶部：2.2rem；
背景：#6B653C；
}
标题导航链接ul li ul li{
左边距：0；
颜色：#ffffff；
}

标志














下面是一个简化的代码，因为您的代码太乱了；）

你把代码弄得太复杂了。例如，使用错误的
font-weight:350
字体，但
googleapis.com
decaration中只有数百种字体。

为什么你需要这么多版本的字体，[100200，…，900]毕竟，它会让页面速度大大降低。您可以使用html
strong
或
b
元素


：根目录{
--奥利弗：6b653c；
}
@导入url（“https://fonts.googleapis.com/css2?family=Roboto+板：wght@100；200；300；400；500；600；700；800；900&display=swap”）；
*,
：之后，
：之前{
框大小：边框框；
}
html{
身高：100%；
}
身体{
背景色：#1c1b1a；
文字装饰：无；
保证金：0；
字号：1rem；
字体系列：“Roboto Slab”，衬线；
}
保险商实验室{
列表样式：无；
填充：0；
}
a{
文字装饰：无；
颜色：#fff；
}
h1，
h2，
h3{
颜色：#fff；
}
标题{
高度：78px；
}
导航{
显示器：flex；
对齐项目：居中；
}
h1{
字体大小：2.5rem；
字号：500；
文本转换：大写；
左侧填充：40px；
保证金：0；
}
.链接{
位置：相对位置；
左边距：自动；
背景：var（--olive）；
右边填充：20px；
}
.链接：之前{
内容：“；
位置：绝对位置；
左：-30px；
右边框：0px实心透明；
左边框：30px实心透明；
边框底部：50px实心变量（--olive）；
}
李国宝{
显示：内联块；
位置：相对位置；
字号：1rem；
文本转换：大写；
}
李国宝{
左边距：20px；
}
.子菜单ul{
显示：无；
位置：绝对位置；
左：-20px；
背景：var（--olive）；
填充：10px 20px；
}
.子菜单ul li{
保证金：0；
}
.子菜单：悬停{
显示：块；
}

标志














这不适用于剪辑路径<代码>标题导航链接{剪辑路径：多边形（2.75rem 0，100%0，100%100%，0 100%）；}
。仅在左侧使用此切断