Html CSS-可见性问题：隐藏；在下拉菜单上

ul.uldrop菜单{
z指数：2；
}
ul.uldropli{
列表样式：无；
位置：相对位置；
}
ul.uldropli菜单ul-li a：悬停{
颜色：#ff003c；
}
ul.uldropli a{
显示：块；
填充：9px 14px；
}
ul.uldropli-ul{
位置：绝对位置；
背景色：#fff；
边界半径：4px；
填充：8px；
}
nav ul li ul{
可见性：隐藏；
显示：块；
}
ul.uldropli菜单：悬停ul{
最大高度：290像素；
能见度：可见；
不透明度：1；
}
ul.uldropli ul li{
宽度：135px；
}
ul.ulDropMenu li ul li a{
填充：6px 14px；
颜色：#2A2A2A；
} 
navBar先生{
背景色：#2A2A；
最小宽度：100%；
}
.包装纸{
最大宽度：100%；
填充：0 10px；
-网络工具包盒阴影：0px 2px 7px 3px#8C8C8C；
-moz盒阴影：0px 2px 7px 3px#8c8c；
盒影：0px 2px 7px 3px#8c8c；
垫面：3件；
}
导航ul{
显示器：flex；
证明内容：之间的空间；
列表样式类型：无；
填充顶部：15px；
}
导航ula{
颜色：#7f7f7f；
文字装饰：无；
过渡：颜色。4s轻松；
字号：18px；
}
纳瓦尔利利亚酒店{
字体大小：15px；
}
导航：悬停{
颜色：#afafaf；
}
李海军{
显示：内联块；
}
导航菜单切换{
显示：无；
}
导航标签切换{
显示：无；
}
导航包装器{
对齐项目：居中；
显示器：flex；
}
@媒体屏幕和屏幕（最大宽度：992px）{
导航导航ul li ul li{
颜色：#7f7f7f；
右边填充：20px；
}
导航ul{
显示：块；
身高：0；
列表样式类型：无；
不透明度：0；
文本对齐：左对齐；
左侧填充：0；
过渡：所有的1容易；
宽度：50%；
可见性：隐藏；
}
李海军{
颜色：#53354A；
显示：块；
字号：19px；
}
导航菜单切换：选中~ul{
不透明度：1；
高度：62vh；
能见度：可见；
}
导航标签切换{
背景：线性梯度（至底部，#fff 0%，#fff 20%，透明20%，透明40%，#fff 40%，#fff 60%，透明60%，透明80%，#fff 80%，#fff 100%）；
光标：指针；
显示：块；
浮动：对；
高度：35px；
利润上限：35px；
宽度：35px；
}
导航包装器{
显示：块；
}
}

你的css非常混乱。导航栏上有多余的空间，因为

ul.ulDropMenu

始终可见，并且它具有继承自

.nav-ul

的

填充顶部：15px

和继承自默认浏览器设置的边距。 我建议你

/*所有元件的基本重置*/
* {
保证金：0；
填充：0；
边界：0；
}
ul.ulDropMenu{
z指数：2；
填充：0；/*覆盖由“.nav ul”设置的填充*/
}
ul.uldropli{
列表样式：无；
位置：相对位置；
}
ul.uldropli菜单ul-li a：悬停{
颜色：#ff003c；
}
ul.uldropli a{
显示：块；
填充：9px 14px；
}
ul.uldropli-ul{
位置：绝对位置；
背景色：#fff；
边界半径：4px；
填充：8px；
高度：自动；/*覆盖在“.nav ul”中设置的高度*/
}
nav ul li ul{
可见性：隐藏；
显示：块；
}
ul.uldropli菜单：悬停ul{
最大高度：290像素；
能见度：可见；
不透明度：1；
z指数：1；
}
ul.uldropli ul li{
宽度：135px；
}
ul.ulDropMenu li ul li a{
填充：6px 14px；
颜色：#2A2A2A；
} 
navBar先生{
背景色：#2A2A；
最小宽度：100%；
}
.包装纸{
最大宽度：100%；
填充：0 10px；
-网络工具包盒阴影：0px 2px 7px 3px#8C8C8C；
-moz盒阴影：0px 2px 7px 3px#8c8c；
盒影：0px 2px 7px 3px#8c8c；
垫面：3件；
}
导航ul{
显示器：flex；
证明内容：之间的空间；
列表样式类型：无；
填充顶部：15px；
}
导航ula{
颜色：#7f7f7f；
文字装饰：无；
过渡：颜色。4s轻松；
字号：18px；
}
纳瓦尔利利亚酒店{
字体大小：15px；
}
导航：悬停{
颜色：#afafaf；
}
李海军{
显示：内联块；
}
导航菜单切换{
显示：无；
}
导航标签切换{
显示：无；
}
导航包装器{
对齐项目：居中；
显示器：flex；
}
@媒体屏幕和屏幕（最大宽度：992px）{
导航导航ul li ul li{
颜色：#7f7f7f；
右边填充：20px；
}
导航ul{
显示：块；
身高：0；
列表样式类型：无；
不透明度：0；
文本对齐：左对齐；
左侧填充：0；
过渡：所有的1容易；
宽度：50%；
可见性：隐藏；
}
李海军{
颜色：#53354A；
显示：块；
字号：19px；
}
导航菜单切换：选中~ul{
不透明度：1；
高度：62vh；
能见度：可见；
}
导航标签切换{
背景：线性梯度（至底部，#fff 0%，#fff 20%，透明20%，透明40%，#fff 40%，#fff 60%，透明60%，透明80%，#fff 80%，#fff 100%）；
光标：指针；
显示：块；
浮动：对；
高度：35px；
利润上限：35px；
宽度：35px；
}
导航包装器{
显示：块；
}
}

谢谢！只有一件事，你知道我如何把菜单项放在导航栏里吗？如您所见，我正在使用

nav#menu toggle:checked~ul

上的伪类和

高度：35vh。导航栏的
高度
得到不同的屏幕尺寸。我试图用
px