Html 导航条定位

我有一个关于导航栏定位的问题。出于某种原因，每当我进入网页时，导航栏都不会固定在页面顶部。下面是一个例子：

导航栏从浏览器顶部和侧面都有小部分，有没有办法拉伸/扩展它，使其与堆栈溢出导航栏一样适合

比如说

HTML:

试一试

确保结束

我可以看到图像与导航栏发生冲突，因此如果您想添加

位置：relative以避免这种情况

.navbar{
  position: relative;
  margin: -10px;
}

这是JSFiddle:
它是
正文
的默认
边距
。您需要在css中重置

body {
 background-image: url("csgocarryback.jpg");
 background-size: 100%;
   margin: 0;
}

而且它也不完全是10px。检查以下问题-

很难说没有看到代码。您可以链接到该站点或共享JSFIDLE吗？
.navbar{
 margin: -10px;

}

.navbar{
  position: relative;
  margin: -10px;
}

body {
 background-image: url("csgocarryback.jpg");
 background-size: 100%;
   margin: 0;
}