Прилипание div к низу страницы, а точнее прилипание div к низу родительского div

Бывает необходимо сделать такую верстку, ну например если нужно что бы текст страницы в отображении кода сайта был чуть ли не сразу после head (вначале body). Для этого можно использовать следующий css:

<style type="text/css">
#content { position: relative;}
.bottom { position: absolute; bottom: 0;}
</style>

и соответственно в теле пишется:

<div id="content">
<div class="bottom">контент внизу, первый див в коде, а на сайте отображается снизу, во как =)</div>
<div>
  <p>контент контент контент контент контент контент контент </p>
  <p>контент </p>
  <p>контент </p>
  <p>контент </p>
  <p>контент </p>
  <p>контент </p>
  <p>&nbsp;</p>
</div>
</div>

Собственно выглядит это так

Важно что при увеличении высоты блока с контентом, блок bottom будет автоматически уезжать вниз на высоту блока content

Назад к списку

Комментарии

Загрузка комментариев...