Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 手写笔导航栏覆盖文本_Html_Css_Web Applications_Stylus - Fatal编程技术网

Html 手写笔导航栏覆盖文本

Html 手写笔导航栏覆盖文本,html,css,web-applications,stylus,Html,Css,Web Applications,Stylus,我正在跟踪上的一个视频,我无法让导航栏停止隐藏我的文本(或者让我的文本在导航栏下移动) 我有一张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

我正在跟踪上的一个视频,我无法让导航栏停止隐藏我的文本(或者让我的文本在导航栏下移动)

我有一张
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
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
一个
索引.jade
,如下所示:

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
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
最后是一个
布局。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
文件,因为我可以更改它的一些属性,并在浏览器中看到它的更改。

这是因为您有一个
navbar固定顶
类,该类具有
位置:fixed
属性(块内容超出正常流程)