html - 将包含未定义大小的图像的 div 放在另一个 div 的底部

Question

我有以下问题:我有一个使用 JScript 的幻灯片放映，每几秒钟更改一次图像...
图片大小可能会有所不同，因此我创建了一个包含 Image-Frame 的框架，以防止页面的其余部分上下移动:

.slideshow-container {
  max-width: 1000px;
  margin: auto;
  position: relative;
}
.frame {
  height: 900px;
}
.slideshow-container img {
  width: 100%;
}

<div class="frame">
  <div class="slideshow-container">
    <img href="exampleImage.png">
  </div>
</div>

内部 div 具有图像的大小，本来应该是这样的，但现在我希望带有图像的内部 div 位于外部 div 的底部，同时保持其大小。

有什么想法吗？

Answer 1

    .frame  {
        position: relative;
    }

    .slideshow-container {
        position: absolute;
        bottom: 0;
    }