Html div底部的元素

在这个示例中，我想知道如果可能的话，如何将最后一段元素放在框的底部（您需要重新调整窗口区域的大小）

css:

---

您是指整个灰色框还是仅指最后一个“右栏”字？框中的最后一个段落位于左侧，因此它固定在底部

@media (min-width: 768px) {

    /* top row */
    .col .well{ 
        margin-bottom: -99999px;
        padding-bottom: 99999px;   
    }
    .col-well {
        display:inline-block; height:100%   
    }
    .col-well p {
        vertical-align:bottom 
    }
    /* bottom row */
    .col-base{ 
        margin-top: -15px; /* cut off top portion of bottom wells */
    }
}

@media (max-width: 767px) {
    .row.base{
        display:none;
    }
}

.col-wrap{
    overflow: hidden; 
}

.well{ 
    position: relative;
    min-height: 210px;
    margin-bottom: -1px;
}

.well > p:last-child {

    position: absolute;
    bottom:0;

}