Html 如何制作<；导航>；菜单是否与页面正文重叠？

我试图做一个多块部分的页面，我想从标题部分菜单重叠的内容在正文部分。问题是，我的页眉

不断变大，这会把我的整个页面弄得一团糟。我要的菜单是我在课堂上学会的一个复选框技巧菜单

大概是这样的：

---

您需要进行显示的下拉列表，

位置：绝对

。 页眉将展开，因为您在其中显示一个相对项，从而使容器变大。使用

位置：绝对位置将元素从流中取出，因此容器不会变大



在第二个选项中，设置绝对元素的位置：

input[type=checkbox] ~ nav {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
}

然后在选中复选框时显示：

input[type=checkbox]:checked ~ nav {
  display: block;
}

请给我们看看你的代码。也许你可以试着让菜单
位置：绝对
。发布代码以获得更好的帮助。