html设置在父元素底部对齐,如何将div对齐到父元素的底部

我正在使用基础框架来创建网站，我在将父类容器的底部对齐div类容器时遇到了一些问题。如何将div对齐到父元素的底部

这是问题的照片。

注意到的第一形象，一切都正确对齐。另一方面，第二个图像

的内容是离开的。我已将它设置为bottom:0;在CSS中，但它不工作。

这里是CSS：

.container-home {

max-width: 1175px;

background: #fff;

margin: 0 auto;

padding: 20px 0px 0 0px;

position: relative;

z-index: 1;

}

.first-title-music {

background: url('http://cdn.ratedrnb.com/2016/06/large-title.png');

width: 100%;

max-width: 425px;

height: 160px;

position: absolute;

bottom: 0;

padding: 5% 0 0 3%;

clear: bottom;

}

.artist-title {

color: #fff;

font-family: poppins;

font-weight: 700;