Html 如何制作导航栏下的所有内容

我有一个导航条固定在顶部。滚动时，几乎所有内容都位于导航栏下方，但有一段文本位于导航栏上方。 我可以强制导航栏位于最顶部，还是强制文本位于最底部

注意：若要观察此问题，请添加任意内容，以便您能够滚动页面

代码如下：

。标题{
位置：绝对位置；
左：0；
最高：50%；
宽度：100%；
文本对齐：居中；
颜色：#000；
}
.标题span.边框{
颜色：#fff；
填充：18px；
字号：3em；
字母间距：10px；}
.视差{
背景图像：url（“http://www.firsthdwallpapers.com/uploads/2014/03/hd-wallpapers-wide-pack-41-20.jpg");
身高：100%；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
托普纳夫先生{
位置：固定；
排名：0；
宽度：100%；
背景色：#333；
溢出：隐藏；
}
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
字号：17px；
}

测试

尝试将“z索引”css道具添加到绝对定位元素。

请参阅更新：

html，正文{
保证金：0；
身高：100%；
}
.标题{
位置：绝对位置；
左：0；
最高：50%；
宽度：100%；
文本对齐：居中；
颜色：#000；
}
.标题span.边框{
颜色：#fff；
填充：18px；
字号：3em；
字母间距：10px；
}
.关于我{
z指数：2；
}
.视差{
背景图像：url（“http://www.firsthdwallpapers.com/uploads/2014/03/hd-wallpapers-wide-pack-41-20.jpg");
身高：100%；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
托普纳夫先生{
位置：固定；
排名：0；
宽度：100%；
背景色：#333；
溢出：隐藏；
z指数：99；
}
/*设置导航栏内链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}

测试
测试
1.
2.
3.
4.
5.
6.
7.
8.
9
10
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

给

.topnav

一个更高的z-指数。

我给主体一个z-指数1，给你的#topnav元素一个z-指数2，这样它将位于你添加到网站的所有内容之上

html，正文{
保证金：0；
身高：100%；
}
身体{
z指数：1；
}
.标题{
位置：绝对位置；
左：0；
最高：50%；
宽度：100%；
文本对齐：居中；
颜色：#000；
}
.标题span.边框{
颜色：#fff；
填充：18px；
字号：3em；
字母间距：10px；
}
.关于我{
z指数：2；
}
.视差{
背景图像：url（“http://www.firsthdwallpapers.com/uploads/2014/03/hd-wallpapers-wide-pack-41-20.jpg");
身高：100%；
背景附件：固定；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
托普纳夫先生{
位置：固定；
排名：0；
宽度：100%；
背景色：#333；
溢出：隐藏；
z指数：2；
}
/*设置导航栏内链接的样式*/
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}

测试
测试
1.
2.
3.
4.
5.
6.
7.
8.
9
10
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

更准确地说，将

z-index

添加到

.topnav

元素中