Как с помощью CSS прижать footer к низу окна браузера

Содержание: Вступление Первый способ Второй способ Третий способ Четвертый способ Пятый способ (самый актуальный) Вступление Помнится мне, в тот момент, когда я стал переходить с таблиц на верстку дивами, одной из трудностей, с которыми я столкнулся, была следующая — как прижать подвал сайта ...

Комментарии (141)
  1. 1
    Николай

    Спасибо автору! Помог 4-й способ.

  2. 2
    Дарья

    Огромное спасибо!!
    Пятый способ — супер!

  3. 3
    SerW
    @

    https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ — по мне так один из лучших способов

  4. 6
    Вася
    <div style="position: relevate; background-color:#00F; padding:0">
    	<div id="content"style="height: auto; background-color: #F00; padding: 12px ">
    		100% резиновый без проблемный блок.<br>
    	 Комбинируя position relevate и absolute <br>
     - можно выровнять как угодно и что угодно.
    	</div>
    	<div id="content" style="position:absolute; bottom:0; height:50px;width:100%; background-color: #0FA; padding: 10px;text-align:center; ">
    	Прижатый к боттому блок. Высотой 50px. 
    	</div>
    </div>
Ваш комментарий