Html 在100vh盒中定位图像

我四处寻找了一段时间，但找不到解决办法。 因此，我正在制作一个包含不同部分的个人作品集（

height:100vh；

）。我遇到的问题是，我无法在该部分中定位图像（我希望pinguïins的图像像第一个狮子图像一样定位。但在下面的部分中）。有人能帮我吗？（我正在使用引导网格）

代码：

。第1节{
背景：径向梯度（#2d2d，#1a1a1a）；
高度：100vh；
}
.第2节{
背景#fc6621；
高度：100vh；
}
.第3节{
背景：#20468b；
高度：100vh；
}
.col-sm-6{
高度：100vh；
}
#纵断面图{
显示：内联；
浮动：对；
位置：绝对位置；
底部：0；
右：0；
z指数：0；
}
.中心{
高度：100vh；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
.文本{
高度：100vh；
位置：相对位置；
z指数：10；
}

我是吉尔斯
整数是一个完整的数字。我不知道是谁干的，我不知道是谁干的。猫门前庭舌骨。这是一种非大型的植物。纳拉姆
我是多尔，我是尼伯，我是精英。Donec sed odio dui。在发酵罐中发酵

我是吉尔斯
整数是一个完整的数字。我不知道是谁干的，我不知道是谁干的。猫门前庭舌骨。这是一种非大型的植物。纳拉姆
我是多尔，我是尼伯，我是精英。Donec sed odio dui。在发酵罐中发酵

我是吉尔斯
整数是一个完整的数字。我不知道是谁干的，我不知道是谁干的。猫门前庭舌骨。这是一种非大型的植物。纳拉姆
我是多尔，我是尼伯，我是精英。Donec sed odio dui。在发酵罐中发酵

位置：绝对位置相对于最近的父级。如果没有父母有一个固定的位置，它将是相对于
身体的
，这就是这里发生的事情

因此，每个100vh区段需要有
位置：relative

同样值得注意的是，
float
不会对具有绝对定位的元素执行任何操作，因为
position:absolute将元素从文档流中删除。
仅供参考，您的所有图像都已损坏，您可能希望联机查找一些占位符图像，以帮助其他人直观地了解您的问题。我现在就这样做！谢谢！解决了这个问题。