我有以下问题:我有一个使用 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 的底部,同时保持其大小。
有什么想法吗?
最佳答案
.frame {
position: relative;
}
.slideshow-container {
position: absolute;
bottom: 0;
}
关于html - 将包含未定义大小的图像的 div 放在另一个 div 的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38314138/