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
属性(块内容超出正常流程)