前端之家收集整理的这篇文章主要介绍了
css – 如何将图像放置在div的底部？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我想要一个html图像与div
标签的
底部齐平。我似乎找不到一个办法来完成这个。
这是我的HTML：
<div class="span8">
<img src="/img/play-shot1.jpg" class="text-center shadow">
</div>
问题是div被嵌套在其他具有填充或边距的div中。
向包装div
标签添加相对定位，然后将图像绝对定位在其中：
CSS：
.div-wrapper {
position: relative;
height: 300px;
width: 300px;
}
.div-wrapper img {
position: absolute;
left: 0;
bottom: 0;
}
HTML：
<div class="div-wrapper">
<img src="blah.png"/>
</div>
现在图像位于div的底部。
原文链接：https://www.f2er.com/css/218297.html
