html - div底部的元素

Question

我在想这个jsFiddle例如，如果可能的话如何让最后一个段落元素位于框的底部(您需要重新调整窗口区域的大小)

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; 
}

Answer 1

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

.well > p:last-child {

    position: absolute;
    bottom:0;

}

jsfiddle