Html 水平空白，但未设置边距属性

我在学习CSS时遇到了这个问题。我试图寻找这个，但找不到任何正确的答案。有些人让我觉得利润率崩溃了，但水平利润率却没有

#导航条{
位置：固定；
顶部：0px；
左：0px；
高度：60px；
宽度：100%；
显示器：flex；
证明内容：柔性端；
对齐项目：居中；
背景色：#be3144；
}
#导航表{
显示器：flex；
保证金权利：4rem；
}
.导航链路{
文字装饰：无；
颜色：白色；
填充：0 1.6雷姆0 1.6雷姆；
高度：60px；
体重：100%；
显示器：flex；
对齐项目：居中；
字体大小：1.3rem；
}
#欢迎区{
背景色：#3a3d40；
高度：100vh；
显示器：flex；
弯曲方向：立柱；
文本对齐：居中；
对齐项目：居中；
证明内容：中心；
边缘顶部：60像素；
}

嘿，我是个模仿者
网络开发者

这是因为页面的

具有默认边距

通过添加以下内容来消除这种情况，它应该会起作用

body {
  margin:0;
}

正文{
保证金：0；
}
#导航条{
位置：固定；
顶部：0px；
左：0px；
高度：60px；
宽度：100%；
显示器：flex；
证明内容：柔性端；
对齐项目：居中；
背景色：#be3144；
}
#导航表{
显示器：flex；
保证金权利：4rem；
}
.导航链路{
文字装饰：无；
颜色：白色；
填充：0 1.6雷姆0 1.6雷姆；
高度：60px；
体重：100%；
显示器：flex；
对齐项目：居中；
字体大小：1.3rem；
}
#欢迎区{
背景色：#3a3d40；
高度：100vh；
显示器：flex；
弯曲方向：立柱；
文本对齐：居中；
对齐项目：居中；
证明内容：中心；
边缘顶部：60像素；
}

嘿，我是个模仿者
网络开发者

导航栏上看不到这一点的原因是它是一个固定元素。如果你把它设置为相对的，你会看到它也会显示边距<代码>正文是其中之一（其他包括

p

，

h1

，

h2

，等等）-您需要覆盖正文的边距以完成您想要的内容。请注意，对于

nav

而言，通过制作一个硬定位元素（即

top:0

），主体具有

边距：8px

，可以隐式执行此操作。您可以删除它或只添加

margin:0-8px

至

欢迎部分

快速评论，在任何属性上设置数值时，您需要使用测量单位（即

px

，

em

，等等），但如果您将值设置为零，则不需要测量单位（因为它变得不相关），因此您可以简单地说

边距：0-这将在CSS上节省一些字节；）