html - 为什么顶部 MVC `_Layout` 导航栏会覆盖正文？

Question

我是一个非常菜鸟的 CSS 编码器，但我希望如果我在导航栏中添加另一行或一个更高的元素，使其更高，将主体向下推。相反，它覆盖了主体的顶部，我必须增加主体的填充以将其顶部向下推到导航栏下方。

什么 CSS 在这里发挥作用，为什么？

Answer 1

ProfK 您好。
您在这里需要做的就是添加这个 css。

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

这会为您解决问题。

---

添加到这里

这是一个 Fiddle 这会满足您的要求。
我在这里所做的是删除 padding-top 或将其设置为零。
我使用 div 包裹 navbar 并给这个 div 一类 this-wrap 并设置高度到 50px 与导航栏的高度相同。现在，您接下来在正文中放置的内容将低于导航栏，而不是在导航栏下方。

这有帮助吗？...按照您的预期行事。