jQuery: динамическая установка высоты div и изменение размера окна

Question

Как я могу изменить размер Div при изменении размера окна, которое находится между другими div, и я не могу придумать, как;но я хочу этот div;иметь рост;так что это под div;отображается как нижний колонтитул.

Хорошо, я знаю, что то, что я сказал, не имеет смысла, но вот что я делаю: http://i44.tinypic.com/9v8t1u.jpg

Другими словами, я пытаюсь сделать то, что http://www.tumblr.com сделал по своему индексу.«30 причин, по которым вы полюбите Tumblr», не позиционируется как абсолютный и нижний 0, но они установили переполнение на скрытый, и они меняют высоту среднего деления каждый раз, когда размер окна изменяется.

Ятакже используя jQuery.

Не то, чтобы мне не хватало навыков кодирования, но я просто не могу придумать, как выполнить Div3 всегда отображается как нижний колонтитул.

Кто-нибудь знаеткак это сделать?

Большое спасибо

Answer 1

Вам не нужен JQuery для этого. Проверьте это решение CSS: http://ryanfait.com/sticky-footer/

* {
margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

Answer 2

Вы можете использовать событие .resize () jquery, вот ссылка: API изменения размера Jquery