HTML CSS 图文设计 文本定位到图片底部

#pro-animate .gallery-item .gallery-caption { 
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    overflow: hidden;
    color: #fff !important;
    border-radius: 2px;
    background-color: rgb(0, 0, 0, 0.1);
     }

父层CSS元素 给于 定位 position: relative; 

.gallery-item  {position: relative; }