Html 未到位的段落

我希望段落放在图片下方，而不是上方。 我还想把导航条放在底部，像导航条一样固定在那里

我已经将这些属性添加到该栏中：

• 职位：绝对职位
• 底部：0

在没有段落的页面上，它位于底部

看起来这个问题应该很容易解决，但我不知道为什么会发生这种情况

繁荣1945




繁荣1945
赖格斯特拉特/保罗斯特拉特

作品2 1945年6月在普莱因特岛的一个房间里
Pauwstraat/Reigerstraat发电厂。Deze吊杆是geplant door de heer
英国人，他们的政治人物，在这一时刻
卡特卡本。比杰恩科姆斯特是加拿大的一名军人
安维齐格乐队在传统学校演奏鼓乐
特努埃。德因德林根·托宁·范德德尔扎肯·帕斯滕·纳图利克·戈德
比杰·德泽·比杰·佐德·格贝乌特尼斯。沃根·泽根·邹·托恩
我和科克·梅尔贝根·齐恩认识了达林·伊恩·奥尔孔德。。


DAGBOEK片段Zaterdag 2 juni 1945

我们有恩格斯大学，美国和俄罗斯大学
在荷兰，你的名字是什么。哈斯先生
朱丽安娜·伯恩哈德，赫本·赫本，我们是奥兰杰·罗斯
我们在这个平台上建造了一座石塔。吉斯特米达格
我们需要一个新的团队。Om 2 uur是他开始的。二邹
在她的房间里，有一扇门
buurtbewoners，n.l.mijnheer Brits en mijnheer van Putten。花呢
zouden hem gistermiddag bij de Open planten，maar de Voorzitte en
亨德里克·赫本·吉斯特莫根·盖达恩，我的天哪
杰尔·尼特是美国的一位农民，他是丹的午餐
Helemal niet。去种植范德邦邹格希登会见了伊恩
奥尔孔德。奥尔孔德是佐穆伊，格温·宗德·德格朗
默斯特。德沃兹特·斯普拉克·赫特·奥林斯伍德酒店
英国人在斯多普滕郡的奥尔孔德，这是一个很好的例子
这是我的名字。科拉尔是谁，他是谁
维里海茨布格达安。达尔纳·贝贡·德斯佩伦。

。主磁头{
背景：#262628；
职位：-网络工具包粘性；
位置：粘性；
排名：0；
z指数：5；
}
导航{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
高度：10vh；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
宽度：90%；
保证金：自动；
}
.家{
-webkit-box-flex:2；
-ms flex:2140雷姆；
弹性：21 40雷姆；
}
.链接{
-webkit-box-flex:1；
-ms flex:140rem；
弹性：1 140雷姆；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-ms-flex-pack：分发；
证明内容：周围的空间；
}
.链接a{
颜色：#ebd728；
}
.英雄碎片{
背景：-webkit渐变（线性，左上，左下，从（rgba（0,0,0,0.4）），到（透明）），url（“../Files/img/wijk foto 1.png”）；
背景：线性渐变（rgba（0,0,0,0.4），透明），url（“../Files/img/wijk foto 1.png”）；
背景重复：无重复；
背景位置：中心；
高度：25vh；
颜色：白色；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
文本对齐：居中；
}
.hero tekst h3{
字体大小：400；
}
普拉特隆先生{
高度：20vh；
保证金：自动；
文本对齐：居中；
填充：2rem0rem；
}
plattegrond先生{
宽度：40vh；
文本对齐：居中；
}
.tekst碎片{
保证金：自动；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：证明；
-ms-flex-pack:justify；
证明内容：之间的空间；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
}
.tekst p{
保证金：2rem0rem；
宽度：80%；
}
tekst先生{
宽度：80%；
}
.碎片条{
背景：#262628；
高度：10vh；
位置：绝对位置；
底部：0；
宽度：100%；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
}
.酒吧{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：证明；
-ms-flex-pack:justify；
证明内容：之间的空间；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
宽度：90%；
保证金：自动；
}
提前谢谢

我不理解段落和图像的问题。但是对于导航条的问题，这里有一个解决方案

.fragment-bar {
  position: fixed;
  bottom: 0;

---

你只需要改变绝对值，固定的外部链接往往会中断，并为这个问题的未来访问者带来价值。相反，选择包含