手写笔Navbar覆盖文本

Question

我正在关注Plural Sight上的视频，但我无法让我的导航栏停止隐藏文字（或我的文字会在导航条下移动）。

我有一张styl表，如下所示：

body
  padding-top 61px

.navbar-header a.navbar-brand
  margin-top -15px
  margin-bottom -20px
  h6
    color #ccc

footer
  padding-left 15px
  padding-right 15px
  p
    border-top 1px solid #d7e0e2

index.jade如下：

extends ../includes/layout

block main-content
    .navbar.navbar-inverse.navbar-fixed-top
        .container
            .navbar-header
                a.navbar-brand(href="/") MEAN Stack Tutorial
                    h6 -Extreme Tech Training
        .navbar-collapse.collapse
            .ul.nav.navbar-nav
                li
                    a(href="/") Home

    section.content
        div(ng-view)
    h2= mongoMessage

        footer.container.text-center
            p © 2014 BanksyCorp

，最后是layout.jade：

doctype html
html
    head
        title MEAN Stack Tutorial
        base(href="/")
        link(href='/favicon.ico', rel='shortcut icon', type='image/x-icon')
        link(rel='stylesheet', href='/css/bootstrap.css')
        link(rel='stylesheet', href='/vendor/toastr/toastr.css')
        link(rel='stylesheet', href='/css/site.css')
    body(ng-app='app')
        block main-content
        include scripts

视频中的示例，此代码应使内容显示在导航栏下方，如下所示：

我知道styl文件正在被解析，因为我可以更改它上面的一些属性，并在浏览器中看到它发生了变化。

Answer 1

这是因为你有一个navbar-fixed-top类，它具有position: fixed属性（块内容不在正常流程中）。