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

Question

我遇到以下问题：我有一个使用JScript的幻灯片，每隔几秒就会改变一次图像...
图像大小可能会有所不同，因此我创建了一个包含图像框架的框架，以防止页面的其余部分上下移动：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

内部div具有图像的大小，应该是这样的，但是现在我希望图像的内部div位于外部div的底部，同时保持它的大小。 / p>

有什么想法吗？

Answer 1

    .frame  {
        position: relative;
    }

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