Равные высоты div с нижним колонтитулом всегда внизу самого высокого div

Question

Мне было интересно, возможно ли это, и если это лучший способ сделать это: пример изображения (поскольку мне пока не разрешено публиковать фото ^^)

Таким образом, каждый столбец должен быть не только одинаковой высоты, но и каждый отдельный столбец имеет свой собственный нижний колонтитул.

Я видел этот пост - как я могу переделать эту технику, чтобы применить ее к нижней части div, а не к нижней части окна?

Редактировать: каждый столбец будет иметь содержимое, которое будет постоянно меняться и иметь переменную высоту. Я думаю, что я мог бы сначала вычислить столбцы с одинаковой высотой, а затем просто разместить абсолютный нижний колонтитул в этих столбцах. Тогда его родительский div должен быть position: relative?

Answer 1

Похоже на вложенный div в каждом, который имеет одинаковые свойства. Таким образом, каждый внешний div имеет одинаковый размер, как и внутренний div.

.outer
{
height:500px;
float:left;
margin-right:20px;
}

.inner
{
height:30px;
width:100%;
margin-top:-470px;
}

<div class="outer">
<div class="inner">

</div>
</div>

Не проверял это; с моей головы!