Html 如何制作不带'；不要把我所有的内容都往下推？

我希望我的内容保持在原来的位置，而不是由我自己制作的导航栏推动

我之所以指定这一点，是因为我找到的唯一解决方案都与引导相关，在本例中我没有使用引导

@导入url（“https://fonts.googleapis.com/css2?family=Nunito+SAN:wght@400；600；700；800&display=swap”）；
@导入url（“https://fonts.googleapis.com/css2?family=Fira+SAN:wght@400；900&display=swap”）；
* {
-webkit框大小：边框框；
框大小：边框框；
保证金：0；
填充：0；
}
身体{
字体系列：“Nunito Sans”，无衬线；
字号：600；
颜色：#edf0f1；
背景色：#131418；
}
锂，
A.
钮扣{
字体系列：“Nunito Sans”，无衬线；
字号：700；
字体大小：16px；
颜色：#edf0f1；
文字装饰：无；
}
标题{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：证明；
-ms-flex-pack:justify；
证明内容：之间的空间；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
填充：15px 10%；
}
.标志{
光标：指针；
}
.navbar品牌{
颜色：#f94877；
光标：指针；
字号：800；
}
.navbar品牌：之前{
内容：“[”；
}
.navbar品牌：之后{
内容：“]”；
}
.linksList{
列表样式：无；
}
李连杰先生{
显示：内联块；
填充：0px 20px；
}
林克斯特李a{
-webkit转换：所有0.1到0；
转换：所有0.1到0；
}
.链接列表李a：悬停{
颜色：#f94877；
}
钮扣{
填充：9px 25px；
背景色：#f94877；
边界：无；
边界半径：50px；
光标：指针；
-webkit转换：所有0.1到0；
转换：所有0.1到0；
}
按钮：悬停{
背景色：#ef5777；
}
#容器{
明确：两者皆有；
溢出：自动；
位置：相对位置；
边缘顶部：2米；
}
#艺术家{
显示：-ms网格；
显示：网格；
左边距：自动；
右边距：自动；
地点内容：中心；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
高度：100vh；
}
.自中心对齐{
-ms flex项目对齐：居中！重要；
-ms网格行对齐：居中！重要；
对齐自我：居中！重要；
}
.将项目对齐到中心{
-webkit框对齐：居中！重要；
-ms flex align：居中！重要；
对齐项目：居中！重要；
}
.柔性包装{
-ms flex wrap：wrap！重要；
柔性包装：包装！重要；
}
d-flex{
显示：-webkit框！重要；
显示：-ms flexbox！重要信息；
显示：flex！重要；
}

欢迎
我的同僚们都是精英。是否需要暂时性分娩或分娩前的牙关？你认为你的选择是什么

事实上，您的问题可以通过多种方式解决。使用

#artists

选择器中的

高度：100vh

规则推送您的内容。因为

100vh

是屏幕高度。一种解决方案是高度：计算（100vh-70px）。那些您需要从屏幕高度中减去高度

标题

此解决方案只能在全屏模式下正常工作

我可以用JavaScript做第二个解决方案，其中
标题
高度将自动计算


@导入url（“https://fonts.googleapis.com/css2?family=Nunito+SAN:wght@400；600；700；800&display=swap”）；
@导入url（“https://fonts.googleapis.com/css2?family=Fira+SAN:wght@400；900&display=swap”）；
* {
-webkit框大小：边框框；
框大小：边框框；
保证金：0；
填充：0；
}
身体{
字体系列：“Nunito Sans”，无衬线；
字号：600；
颜色：#edf0f1；
背景色：#131418；
}
锂，
A.
钮扣{
字体系列：“Nunito Sans”，无衬线；
字号：700；
字体大小：16px；
颜色：#edf0f1；
文字装饰：无；
}
标题{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒包：证明；
-ms-flex-pack:justify；
证明内容：之间的空间；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
填充：15px 10%；
}
.标志{
光标：指针；
}
.navbar品牌{
颜色：#f94877；
光标：指针；
字号：800；
}
.navbar品牌：之前{
内容：“[”；
}
.navbar品牌：之后{
内容：“]”；
}
.linksList{
列表样式：无；
}
李连杰先生{
显示：内联块；
填充：0px 20px；
}
林克斯特李a{
-webkit转换：所有0.1到0；
转换：所有0.1到0；
}
.链接列表李a：悬停{
颜色：#f94877；
}
钮扣{
填充：9px 25px；
背景色：#f94877；
边界：无；
边界半径：50px；
光标：指针；
-webkit转换：所有0.1到0；
转换：所有0.1到0；
}
按钮：悬停{
背景色：#ef5777；
}
#容器{
明确：两者皆有；
溢出：自动；
位置：相对位置；
边缘顶部：2米；
}
#艺术家{
显示：-ms网格；
显示：网格；
左边距：自动；
右边距：自动；
地点内容：中心；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
/*高度：100vh*/
高度：计算（100vh-70px）；
}
.自中心对齐{
-ms flex项目对齐：居中！重要；
-ms网格行对齐：居中！重要；
对齐自我：居中！重要；
}
.将项目对齐到中心{
-webkit框对齐：居中！重要；
.container {
    top: -70px;
    position: relative;
}

#artists {
    height: 75vh;
}