Как сохранить нижний колонтитул внизу даже на веб-сайте с динамической высотой

Как мне сохранить div нижнего колонтитула всегда в нижней части окна, когда у меня есть страница, которая динамически устанавливает высоту (например, получает информацию из базы данных) с помощью CSS?

Если вы хотите использовать jQuery, я придумал следующее, и он отлично работает:

Установите CSS для нижнего колонтитула:

#footer { position:absolute; width:100%; height:100px; }

Установите сценарий:

<script>
  x = $('#div-that-increase-height').height()+20; // +20 gives space between div and footer
  y = $(window).height();    
  if (x+100<=y){ // 100 is the height of your footer
    $('#footer').css('top', y-100+'px');// again 100 is the height of your footer
    $('#footer').css('display', 'block');
  }else{
    $('#footer').css('top', x+'px');
    $('#footer').css('display', 'block');
  }
</script>

Этот сценарий должен находиться в конце ваш код;