Html 为什么顶部MVC`_布局`导航栏会覆盖主体？

我是一个非常noobcss的程序员，但我希望如果我在导航栏中添加另一行或更高的元素，使其更高，将身体向下推。取而代之的是，它覆盖了身体的顶部，我必须增加身体上的填充物，以将其顶部向下推到导航栏下方

---

什么CSS在这里起作用？为什么？

ProfK大家好。
你需要做的就是添加这个css

<style>
body {
  padding-top: 50px;
}
</style>

身体{
填充顶部：50px；
}

这将为您解决问题。

---

添加到该文件中

这里有一个这符合您的要求。
我在这里要做的是删除

填充顶部

或将其设置为零。
我使用

div

来包装导航栏，并给这个

div

一类

这个包装

，将高度设置为50px，与导航栏的高度相同。 现在，你在身体中放置的下一个物体将低于导航栏，而不是在导航栏下面

---

这有用吗？。。。按照您的期望行事。

是否可能是绝对位置元素？检查浏览器工具中的css，查看是否有

位置：xxx属性是的，谢谢，但我在问为什么。我希望_的布局更灵活，更流畅，尤其是在我看来。使用引导布局，导航栏位于主体中，因此您必须考虑到这一点。也许当你说更流畅的时候可以解释一下。。。你在这里找什么？更多信息，以便其他人也能提供帮助。我所说的更流畅的意思是，如果标题高度增加，导航栏标题下的容器div将向下调整。看看小提琴和我在上面的帖子中添加的内容。如果我将小提琴示例改为有7个“内容”菜单项（而不是1个），它换行到下一行并覆盖文本。这就是我的工作。