Html 将div放置在固定大小容器的底部

我很难找到在容器底部放置div的方法

我尝试的是：

position:absolute;
bottom:10px; 

但它在底部显示我需要的div，在我需要它的容器外部

我感谢在这方面的任何帮助

下面是显示示例的JSFIDLE：

---

将容器设置为

位置：相对

，并确保您试图定位在容器底部的

嵌套在容器内

---

您只需将规则

position:relative

添加到包含的div中

---

这个问题已经被问了几十次了——谢谢，它成功了！；）