HTML+；CSS表单滚动到标题后面，但仍然可见

我正在尝试理解一个小项目的CSS+HTML。当然是在学习，我不确定我是否理解为什么会发生这种情况

我想我的标题是固定的，所有的内容滚动后面。我已经成功地做到了这一点，但是一旦它的卷轴在它后面，我不希望它在滚动过标题时可见。这里有一把小提琴在演示这个问题

。容器头{
背景色：#343a40；
颜色：#fff；位置：固定；
宽度：100%；
z指数：1；
}

插入
新条目
描述
要求的
描述
要求的
描述
要求的
描述
要求的
插入

您可能忘了重置边距

您可以将这样的代码块放在CSS文件的最开头或

标记中

* { margin: 0; }

这首先基本上重置了所有元素的边距

---

许多网站开发人员在开始一个新项目后都会这样做。希望这有帮助。

非常容易修复，只需将以下规则添加到

。容器头
：
顶部：0px这意味着它将位于页面的最顶部，并且您无法看到它后面的任何内容，因为视口结束了
 更新了一些样式和HTML

.container-head {
  background-color: #343a40;
  color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
}

body {
  margin: 0;
}

.body-container {
  margin-top: 60px;
}


。容器头{
背景色：#343a40；
颜色：#fff；
位置：固定；
宽度：100%；
顶部：10px；
z指数：2；
填充：10px0；
}
身体{
保证金：0；
}

插入
新条目
描述
要求的
描述
要求的
描述
要求的
描述
要求的
插入


是否仍要这样做，但要保持页面顶部和容器之间的间距？所以容器与首页不齐？我会检查一下，5分钟后通知您。：）更新请检查谢谢！效果很好