Html 第一个驾驶员坐在我的导航栏里？

我在这里不知所措，不知什么原因，我的页面上的第一个div正在流血并坐在导航栏div内？我检查了收尾div，并试图重写代码。我很想了解为什么会发生这种情况

这对我来说并不明显，我也不知道下一步该去哪里

多谢各位

/*导航栏样式*/
navbar先生{
背景色：#8A84E2；
}
h1，
h2，
h3，
{
字体系列：格鲁吉亚；
}
h1{
字体大小：30px；
}
氢{
字体大小：20px；
}
h3{
字体大小：10px；
}
P
ol,，
保险商实验室{
字体大小：16px；
字体系列：calibri；
}
部分{
填充：10px；
}
.myContent{
填充：0px 20px 0px 20px；
}






流体巨磁振子
这是一个经过修改的巨型机器人，它占据了其父机器人的整个水平空间
什么是Lorem Ipsum？Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum已被删除
自16世纪以来，该行业一直采用标准的虚拟文本，当时一家不知名的印刷商在打印时使用了一个大厨房并进行了打乱
制作一本活字样书是很困难的。它不仅存活了五个世纪，而且还跨越了电子排版，
基本保持不变。它在20世纪60年代随着包含
Lorem Ipsum文章，以及最近使用的桌面发布软件，如Aldus PageMaker，包括
同侧眼底。我们为什么要用它？读者会被可读的内容分散注意力，这是一个由来已久的事实
查看页面布局时的页面内容。使用Lorem Ipsum的意义在于，它或多或少具有正常的
分发信件，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。
许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认的模型文本，并使用
搜索“lorem ipsum”将发现许多尚处于起步阶段的网站。随着时间的推移，各种版本不断演变
这些年，有时是偶然的，有时是故意的（注入幽默等）。它来自哪里？
与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于一段古典拉丁语
公元前45年的文学，距今已有2000多年的历史。悉尼汉普顿大学拉丁语教授理查德·麦克林托克
弗吉尼亚州的大学，从一段Lorem Ipsum中查到了一个比较晦涩的拉丁语单词Concertetur，
并通过对古典文学中该词的引用，发现了其无可置疑的来源。乱数假文
源于“德菲尼布斯·博诺勒姆和马洛勒姆”（善与恶的极端）的第1.10.32节和第1.10.33节
西塞罗，写于公元前45年。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。
Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。标准
下面为感兴趣的人复制自1500年代以来使用的Lorem Ipsum。第1.10.32节和第1.10.33节
西塞罗的《德菲尼布斯·博诺鲁姆和马洛鲁姆》同样以其原作形式复制，并附有
根据H.Rackham 1914年翻译的英文版本。我在哪里可以买到？有很多变化
《洛雷姆·伊普苏姆》中的许多段落都是可用的，但大多数都因注入幽默而发生了某种形式的变化，
或者随机的单词，看起来甚至一点都不可信。如果你要用Lorem Ipsum的一段话，
你需要确保在文本中间没有隐藏任何尴尬的东西。所有Lorem Ipsum生成器
在互联网上，人们倾向于根据需要重复预定义的块，这使得它成为互联网上第一个真正的生成器。
它使用一本包含200多个拉丁语单词的字典，结合一些典型的句子结构，生成
Lorem Ipsum，看起来很合理。因此，生成的Lorem Ipsum始终没有重复、注入
幽默，或非特征词等

如果将

.navbar

设置为相对位置，将

.jumbotron流体设置为相对位置，这将解决您的问题。我会仔细阅读这个职位，因为在处理前端代码时，这些知识是非常宝贵的

请参见上面提到的类的实施位置：相对
您在导航类中使用的固定顶部

<nav class="navbar navbar-expand-sm navbar-light fixed-top">



这就造成了问题


您可以删除它，但这样您的nabvar就不会固定在顶部
或者您可以添加这个css类

.jumbotron{
边缘顶部：80px；
}
<
<nav class="navbar navbar-expand-sm navbar-light fixed-top">