Html 删除移动视图中不必要的边距

我正在移动视图上进行我的网站导航，这是一个纯css汉堡菜单，我的问题是标题（包括徽标和汉堡菜单）和我的导航下拉列表之间存在间隙

/*
html5doctor.com重置样式表
v1.6.1
最后更新：2010-09-17
作者：理查德·克拉克-http://richclarkdesign.com
推特：@rich_clark
*/
html、正文、div、span、对象、iframe、，
h1、h2、h3、h4、h5、h6、p、块报价、预，
缩写、地址、引用、代码，
del、dfn、em、img、ins、kbd、q、samp、，
小、强、次、辅助、变量，
b、 我,，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、插图、人物、，
页脚、页眉、H组、菜单、导航、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
大纲：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
}
身体{
线高：1；
}
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
导航ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
a{
保证金：0；
填充：0；
字体大小：100%；
垂直对齐：基线；
背景：透明；
}
/*根据需要改变颜色*/
ins{
背景色：#ff9；
颜色：#000；
文字装饰：无；
}
/*根据需要改变颜色*/
标记{
背景色：#ff9；
颜色：#000；
字体：斜体；
字体大小：粗体；
}
德尔{
文字装饰：线条贯通；
}
缩写[标题]，dfn[标题]{
边框底部：1个点；
光标：帮助；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
/*更改边框颜色以满足您的需要*/
人力资源{
显示：块；
高度：1px；
边界：0；
边框顶部：1px实心#中交；
利润率：1米0；
填充：0；
}
输入，选择{
垂直对齐：中间对齐；
}
/*--------------我的代码----------*/
/*--------------我的代码----------*/
/*移动视图*/
* {
文字装饰：无；
字体系列：双体船，无衬线；
}
标题{
背景色：#DBD34B；
高度：100px；
盒影：1px1pRGB（177175175）；
z指数：1；
}
.标志{
显示：块；
浮动：左；
利润率：27px0；
}
.logo img{
宽度：200px；
高度：50px；
}
导航ul{
溢出：隐藏；
}
海军ulli a{
显示：块；
背景色：#F2F2；
字体系列：Roboto，无衬线；
字体大小：16px；
填充：20px；
字体大小：400；
颜色：#111；
边框底部：1px实心rgb（818953）；
位置：相对位置；
z指数：1；
}
导航ulli a：悬停{
颜色：rgb（818953）；
}
/*-------汉堡包菜单-------------*/
导航ul{
边框：1px纯红；
}
导航菜单{
明确：两者皆有；
最大高度：0；
过渡：最大高度。2秒放松；
}
导航菜单图标{
利润率：30px0；
填充：20px 15px；
位置：相对位置；
浮动：对；
}
导航。菜单图标。导航图标{
背景色：#111；
显示：块；
高度：3倍；
宽度：25px；
位置：相对位置；
过渡：背景。2放松；
}
导航。菜单图标。导航图标：之前{
背景色：#111；
内容：“；
身高：100%；
宽度：100%；
位置：绝对位置；
过渡：所有。2放松；
顶部：7px；
}
导航。菜单图标。导航图标：之后{
背景色：#111；
内容：“；
身高：100%；
宽度：100%；
位置：绝对位置；
过渡：所有。2放松；
底部：7px；
}
.菜单btn{
显示：无；
}
导航菜单btn:选中~.菜单{
最大高度：260px；
}
导航菜单btn：选中~.菜单图标.导航图标{
背景色：透明；
}
导航菜单btn:选中~。菜单图标。导航图标：之前{
变换：旋转（-45度）；
排名：0；
}
导航菜单btn:选中~。菜单图标。导航图标：之后{
变换：旋转（45度）；
排名：0；
}
/*----汉伯格菜单结束*/
/*---------桌面显示器*/
@仅介质屏幕和（最小宽度：1000px）{
.菜单btn{
显示：无；
}
导航菜单{
明确：无；
最大高度：无；
}
导航菜单图标{
显示：无
}
.标志{
显示：块；
浮动：左；
保证金：4px0；
}
.logo img{
宽度：380px；
高度：86px；
}
导航{
浮动：对；
宽度：600px；
高度：100px；
右边距：80px；
}
导航ul{
身高：继承；
显示器：flex；
柔性流：行；
证明内容：之间的空间；
对齐项目：居中；
}
海军ulli a{
字体大小：24px；
字号：600；
颜色：#111；
边框底部：无；
}
梅因先生{
背景图片：url（“img/header.jpg”）；
背景重复：无重复；
背景尺寸：封面；
背景位置：中心；
宽度：100%；
高度：400px；
页边顶部：1px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.main.header文本{
宽度：600px；
文本对齐：居中；
}
.main.header文本h1{
字体大小：68px；
颜色：#F2F2；
文本阴影：1px1px#111，-0.5px-0.5px#111；
}
}

组合迈克尔





你好我是迈克尔！这是我的网站
问题出在
导航菜单上

您只需在CSS中指定
0
的边距即可解决此问题

nav .menu {
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  margin: 0;
}

我不敢相信我解决了自己的问题，我只是想通过查看Inspect元素来分享我的标签，它有一类菜单图标，我的边距在标题区域内重叠，造成额外的空间。
这是您的完整代码吗，看起来您没有包括reset.css或normalise.css？这里有更多的信息，你会得到更好的帮助