Html 图片下方有大量空白

我尝试使用图像作为背景（我在知道HTML本身有背景属性之前就这样做了），由于某种原因，它下面有很多空白

我尝试完全删除图像，以便在HTML中使用“背景”功能，但一旦删除图像，所有信息（中间的图像除外）都会消失

如果我把图像放在没有CSS的HTML中，那么它会出现在网站上所有文本的下面，而且它占用的空间（在我向上移动之前）似乎是移动时的空白

我找了很长时间，找不到解决办法

HTML

我尝试将

display:block

添加到图像中，但没有任何效果

以下是它当前的样子：

我希望它在图片的底部结束。

---

谢谢您的帮助

我想问题是外部分区不够大。图像在文本之后剪切，因为这是外部div结束的地方。（具有相对位置的div不影响父对象的大小）

尝试将以下内容添加到外部div：

---

我认为问题是外部分区不够大。图像在文本之后剪切，因为这是外部div结束的地方。（具有相对位置的div不影响父对象的大小）

尝试将以下内容添加到外部div：

---

@SankarshMakamIt是一个普通的背景（静态图像）@SankarshMakam我尝试了不同的浏览器，结果相同。我应该提供更多的CSS代码吗？@SankarshMakam该网站是一个大学课程（与历史有关）我会上传文件并发送链接给你。你能提供一个复制该问题的小提琴吗？好的，我检查了你与SankarshMakam共享的文件，非常混乱：-）。我可以帮你解决这个问题，把一切都清理干净，但这需要一些时间。我现在没有时间，但今天晚上（CEST UTC+2）。所以，如果你以后没有自己解决，我会处理这个问题。@SankarshMakamIt是一个常规背景（静态图像）@SankarshMakam我尝试了不同的浏览器，结果相同。我应该提供更多的CSS代码吗？@SankarshMakam该网站是一个大学课程（与历史有关）我会上传文件并发送链接给你。你能提供一个复制该问题的小提琴吗？好的，我检查了你与SankarshMakam共享的文件，非常混乱：-）。我可以帮你解决这个问题，把一切都清理干净，但这需要一些时间。我现在没有时间，但今天晚上（CEST UTC+2）。如果你以后不自己解决，我会解决这个问题。你说的“外分区”是什么意思？我试过了，但如果我把背景图片的位置改成除了“相对”以外的任何东西，那么所有东西（中间的图片除外）都消失了。你说的“外分区”是什么意思？我试过了，但如果我将背景图片的位置更改为除“相对”之外的任何内容，则所有内容（中间的图片除外）都将消失

 <div class="Images">

    <img id="MalcomPic" src="../Assets/Malcom.jpg" alt="Malcom X"/>

    <img id="MalcomBack" src="../Assets/MalcomBacks.jpg" alt="Malcom X"/>
    </div>

   #MalcomBack {
   position: relative;
   bottom: 707px;
   z-index: -1;
    }

position: absolute;
height: 100%;
top: 0;