Html 使下拉列表可见

我有一个带有一些文本的导航栏。只要

导航栏

有

溢出：隐藏

，它就有

背景色

，文本不会溢出

导航栏

，等等，一切正常但是，如果

溢出：隐藏

，则下拉列表的内容不会显示。有什么办法让它表现出来吗

正文{
保证金：0；
背景色：#fcf3e3；
}
* {
框大小：边框框；
}
navbar先生{
列表样式类型：无；
背景色：#f9eedd；
盒影：0 5px 5px-6px#c4b29c；
字体系列：佐治亚州，“新罗马时代”，衬线；
宽度：100%；
保证金：0；
填充：0.20%；
z指数：10；
位置：粘性；
排名：0；
溢出：隐藏；
}
李娜先生，
.dropbtn{
显示：块；
颜色：8e8275；
文字装饰：无；
过渡：0.3s；
字母间距：1px；
字体大小：1.6vmin；
填充：1.5vmin 1.3vmin 1.5vmin 0；
保证金：1.3vmin 1.3vmin 1.3vmin 0；
}
.navbar.li.links{
浮动：左；
}
.navbar li.rechts{
浮动：对；
}
.navbar li a:悬停：未（.active）{
颜色：252118；
}
李娜薇{
文本装饰：下划线
}
.navbar.下拉列表内容{
显示：无；
位置：绝对位置；
背景色：#fef6e9；
最小宽度：160px；
盒影：0px2px5px0.1pxRGBA（0,0,0,0.2）；
z指数：10；
}
.navbar.下拉式内容a{
文本对齐：左对齐；
保证金：0自动；
填充：1.5vmin 1.3vmin；
}
.navbar.下拉列表内容a:悬停{
背景色：#f7eedc；
}
.navbar.dropdown:悬停.下拉内容{
显示：块；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。非乌尔纳-亚库利-法雷特拉。这是一个很好的例子。在suscipit lorem的Donec。我的名字叫luctus enim。大菱鲆、小菱鲆、大菱鲆、小菱鲆。多尼克
欧洲封建贵族莫里斯·苏西比特（mauris suscipit）的梅特斯和马萨·乌兰科珀前庭。我坐在那里。同侧颜面出血患者的生命体征会导致面部出血。

如果您给导航条

一个
高度
并移除
溢出：隐藏
则效果良好。

您可以随意使用
高度
，但我只是使用
50px
作为示例


正文{
保证金：0；
背景色：#fcf3e3；
}
* {
框大小：边框框；
}
navbar先生{
列表样式类型：无；
背景色：#f9eedd；
盒影：0 5px 5px-6px#c4b29c；
字体系列：佐治亚州，“新罗马时代”，衬线；
宽度：100%；
保证金：0；
填充：0.20%；
z指数：10；
位置：粘性；
排名：0；
高度：50px；
}
李娜先生，
.dropbtn{
显示：块；
颜色：8e8275；
文字装饰：无；
过渡：0.3s；
字母间距：1px；
字体大小：1.6vmin；
填充：1.5vmin 1.3vmin 1.5vmin 0；
保证金：1.3vmin 1.3vmin 1.3vmin 0；
}
.navbar.li.links{
浮动：左；
}
.navbar li.rechts{
浮动：对；
}
.navbar li a:悬停：未（.active）{
颜色：252118；
}
李娜薇{
文本装饰：下划线
}
.navbar.下拉列表内容{
显示：无；
位置：绝对位置；
背景色：#fef6e9；
最小宽度：160px；
盒影：0px2px5px0.1pxRGBA（0,0,0,0.2）；
z指数：10；
}
.navbar.下拉式内容a{
文本对齐：左对齐；
保证金：0自动；
填充：1.5vmin 1.3vmin；
}
.navbar.下拉列表内容a:悬停{
背景色：#f7eedc；
}
.navbar.dropdown:悬停.下拉内容{
显示：块；
}







Lorem ipsum dolor sit amet，是一位杰出的献身者。非乌尔纳-亚库利-法雷特拉。这是一个很好的例子。在suscipit lorem的Donec。我的名字叫luctus enim。大菱鲆、小菱鲆、大菱鲆、小菱鲆。多尼克
欧洲封建贵族莫里斯·苏西比特（mauris suscipit）的梅特斯和马萨·乌兰科珀前庭。我坐在那里。同侧颜面出血患者的生命体征与前佩伦茨克痣有关。
您必须删除溢出：隐藏的
并添加
显示：无
，这样您的下拉列表就不会显示。

当您将
鼠标悬停在
li
with class下拉列表上时，可以添加
display:block
以显示下拉列表


正文{
保证金：0；
背景色：#fcf3e3；
}
* {
框大小：边框框；
}
navbar先生{
列表样式类型：无；
背景色：#f9eedd；
盒影：0 5px 5px-6px#c4b29c；
字体系列：佐治亚州，“新罗马时代”，衬线；
宽度：100%；
保证金：0；
填充：0.20%；
z指数：10；
位置：粘性；
排名：0；
}
李娜先生，
.dropbtn{
显示：块；
颜色：8e8275；
文字装饰：无；
过渡：0.3s；
字母间距：1px；
字体大小：1.6vmin；
填充：1.5vmin 1.3vmin 1.5vmin 0；
保证金：1.3vmin 1.3vmin 1.3vmin 0；
}
.navbar.li.links{
浮动：左；
}
.navbar li.rechts{
浮动：对；
}
.navbar li a:悬停：未（.active）{
颜色：252118；
}
李娜薇{
文本装饰：下划线
}
.navbar.下拉列表内容{
位置：绝对位置；
背景色：#fef6e9；
最小宽度：160px；
盒影：0px2px5px0.1pxRGBA（0,0,0,0.2）；
z指数：10；
显示：无；
/*添加此项并删除隐藏的溢出*/
}
.navbar.下拉式内容a{
文本对齐：左对齐；
保证金：0自动；
填充：1.5vmin 1.3vmin；
}
.navbar.下拉列表内容a:悬停{
背景色：#f7eedc；
}
.navbar.dropdown:悬停.下拉内容{
显示：块；
}
.下拉列表：悬停>div{
显示：块；
}
/*添加此*/