Html 带视口的移动视图中导航栏上方的间隙

今天晚上我开始潜入html/css，无意中遇到了一个障碍。我试图为我的GitHub页面制作一个导航栏，它在桌面视图上显示得很好。导航栏将固定在桌面视图上，但在移动视图上，我希望保持在页面顶部

这是当

宽度
小于
600px
时的显示方式。

我想消除导航栏上方的间隙，但不知道如何消除


html，正文{
高度：100%；边距：0；填充：0；填充顶部：40px；
}
身体{
字体系列：无衬线；
背景：#daf2ea
}
a{
文字装饰：无；
}
navbar先生{
高度：40px；
背景：#333；
颜色：#eee；
填充顶部：7px；
垫底：7px；
盒影：0 0 5px#777；
位置：固定；
排名：0；
宽度：100%；
}
.导航栏h1{
字体大小：300；
字号：26px；
利润上限：4倍；
左边距：20px；
填充顶部：0；
文本阴影：0 1px 2px#000；
浮动：左；
}
.navbar a{颜色：白色；}
.navbar a:悬停{文本装饰：下划线；}
纳瓦尔先生{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
.navbar li{float:left；}
李娜先生{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
@媒体屏幕和屏幕（最大宽度：600px）{
navbar先生{
位置：静态；
顶部：自动；
宽度：自动；
填充底部：14px；
}
.导航栏h1{
浮动：无；
文本对齐：居中；
左边距：0px；
}
.navbar li{float:none；}
李娜：悬停{
背景色：#1384c1；
}
}

卢卡斯·萨利特拉之家酒店








只需移除
顶部填充物：40px来自
html
选择器的行

html, body {
    height: 100%; margin: 0; padding: 0;
}