2014-10-13 11 views
1

Я задавался вопросом в этом jsFiddle пример того, как иметь последний абзац элемента, чтобы быть в нижней части окна, если это возможно (вы MADE нужно изменить размер области окна)элементы

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

Вы имеете в виду весь серый ящик или только последний 'правый столбец' слово? – emmanuel

+0

последний параграф в поле слева, чтобы он оставался неподвижным внизу – ONYX

ответ

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

.well > p:last-child { 

    position: absolute; 
    bottom:0; 

} 

jsfiddle

Смежные вопросы