Div позиционирование

Question

У меня есть трехколоночная раскладка с контейнером "трехколонный"

В правом столбце у меня есть "Feature Tile", который представляет собой заполнитель шириной 220px с редактируемым контентом.

Мне нужен «Feature Tile». Для перемещения с контейнером «три колонки», поэтому, если содержимое увеличивается по высоте, мне нужно, чтобы Feature Feature перемещался вниз вместе с ним ...

Может понадобиться Jquery - не уверен.

Спасибо!

РЕДАКТИРОВАТЬ: Я хочу, чтобы плитка элементов всегда была расположена внизу. Move = div будет увеличиваться по высоте в зависимости от объема вставленного содержимого - без фиксированной высоты

Answer 1

Попробуйте это:

.right-column {
    position:relative;
}
.featured-tile {
    position:absolute;
    bottom:0;
}

Это сохранит .featured-tile в нижней части .right-column независимо от того, какая высота из-за переменного содержимого.

ОБНОВЛЕНИЕ : Я думаю, что я знаю, что вы имеете в виду, попробуйте это вместо этого.

.three-col {
    position:relative;
}
.featured-tile {
    position:absolute;
    bottom:0;
}

Это будет держать .featured-tile в нижней части .three-col

Демо: http://jsfiddle.net/wesley_murch/4FKhm/4/

Answer 2

Рассматривали ли вы макет с двумя столбцами, где второй столбец является элементом div с двумя другими столбцами в нем?