Как я могу прикрепить div в столбце боковой панели в нижней части?

Question

У меня есть простое расположение в два столбца с нижним колонтитулом внизу.Когда содержимое на боковой панели выше содержимого основного столбца, все выглядит великолепно.Но когда высота основного столбца больше, чем боковой панели, мне нужно, чтобы боковая панель выросла до той же высоты, что и основной столбец и , чтобы последний <div> в боковой панели был прикреплен квнизу.

Вот мой пример кода:

http://jsfiddle.net/mqnML/1/

Answer 1

Боковая панель будет только такой же высокой, как и ее содержимое. Один из способов исправить обход, это заключить оба столбца в другой div. Поскольку вы перемещаете столбцы, заканчивайте элементом, который имеет clear:both (я добавил это встроенное внизу). Таким образом, обертка будет так же высока, как самый высокий div (в данном случае левый столбец). Затем элемент «Прикрепи меня к основанию» можно расположить в нижней части обертки, а не внутри правого столбца. Добавьте position:relative; к обертке, чтобы вы могли position:absolute; разделить булавку к низу.

Результат: http://jsfiddle.net/7Mrgu/