Как перенести нижний колонтитул в конец страницы, если содержимое короткое или отсутствует?

Question

У меня есть страница с внешним div, который оборачивает div заголовка, содержимого и нижнего колонтитула.Я хочу, чтобы div нижнего колонтитула занимал нижнюю часть браузера, даже если div содержимого недостаточно высок, чтобы заполнить видимую область (т. Е. Прокрутка отсутствует).

Answer 1

Я пытался: http://jsfiddle.net/AU6yD/, так как здесь это лучший вариант, но у меня были проблемы, когда содержание <div id="wrapper"> стало слишком большим, увидеть proof.png , я решил обновить размер тела каждый раз, когда менял содержимое этого div следующим образом:

var body = document.body,
html = document.documentElement;
body.style.height = 100 + "%";
setTimeout(function(){
   var height = Math.max( body.scrollHeight, body.offsetHeight,
                          html.clientHeight, html.scrollHeight, 
                          html.offsetHeight );
   body.style.height = height + "px";
}, 500);