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

标签 html css asp.net-mvc twitter-bootstrap asp.net-mvc-5

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

什么 CSS 在这里发挥作用,为什么?

最佳答案

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

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

这会为您解决问题。


添加到这里

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

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

关于html - 为什么顶部 MVC `_Layout` 导航栏会覆盖正文?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32292921/

相关文章:

javascript - InternetExplorer 7 支持 postMessage() 吗?

html - 清除 li 元素中的 float 问题

jquery - 在 ASP.net MVC 中使用 Twitter Typeahead

html - 为什么 css 输入文本字段需要指定高度才能正确呈现

html - 使用 CSS 缩小元素的高度以匹配其父元素

HTML-CSS : item is always underlined

css - 响应式菜单

javascript - 您将如何在此处为 slider 实现计时器?

c# - 元素的 JQuery Mobile 渲染层次结构

asp.net-mvc - MVC 5 Entity Framework 6 执行存储过程