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

Question

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

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

Answer 1

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

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

这将为您解决问题。

---

添加到此

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

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