div底部的元素

时间:2014-10-13 09:41:30

标签: html css

我在这个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; 
}

1 个答案:

答案 0 :(得分:1)

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

.well > p:last-child {

    position: absolute;
    bottom:0;

}

jsfiddle