如何将图片放在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的底部。
-
问题内容： 我想将所有图像都放在CSS中（我知道的唯一方法是将它们作为背景图像放置）。 但是此解决方案中的问题是您永远不能让div占用图像的大小。 所以我的问题是：在CSS中拥有等效功能的最佳方法是什么 ？ 问题答案： Jaap的回答： 和在CSS中： 这已经在Chrome，firefox和Safari上进行了测试。（我在Mac上，所以如果有人在IE上有结果，请告诉我添加它）
-
问题内容： 鉴于以下HTML： 我想坚持到底。 不使用绝对定位就可以实现吗？如果float属性支持’bottom’的值，那似乎可以解决问题，但是不幸的是，事实并非如此。 问题答案： 可能不会。 分配给，然后分配给。
-
问题内容： 我彼此相邻有4个DIV，它们都位于屏幕中间。每个div中有2个字，但我不希望它们位于顶部，我希望它们出现在div的右下角。我怎样才能做到这一点？ 问题答案： 将文字换成或类似文字，然后使用以下CSS …
-
我正在设计的网页布局像这样：http://jsfiddle.net/5sTub/ 编辑：注意：我并不是想要一个黏糊糊的页脚。我只想把它放在页面底部。回答之前请先看小提琴 我试图定位在页面底部的页脚，但无法像你在上面的链接中看到的那样。我尝试了在互联网上找到的一切，包括设置容器元素的位置：相对；页脚的
-
问题内容： 如何在div中加入div？我将显示更改为内联，但是浏览器将基本段落分为两个元素，而div将不是该段落的成员。 问题答案： 形成w3网站： P元素表示一个段落。它不能包含 块级元素（包括P本身）。
-
我已经尝试了我能想到的一切。我似乎无法让图表尊重到达div的底部。我在此 Codepen 中复制了我的图表，以便于分叉和编辑。我基本上将我的CSS直接从开发工具复制并粘贴到代码笔中 https://codepen.io/spkellydev/pen/JwQqKr?editors=1011