Простой способ прижать блок к низу на CSS

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

Проблема состоит в том, что обычно нижний блок располагается сразу за основным контентом и не прижимается изначально к низу. А на больших экранах остается очень много свободного места снизу. Поэтому нижний блок лучше всего прижать к низу независимо от размера экрана.

В статье я привел готовый пример, где блок правильно прижат к низу страницы и всегда будет там находиться независимо от размера страницы. Также я всё подробно описал, чтобы каждый смог осуществить на своих страницах данные манипуляции.

Подробная инструкция с реальным примером находятся здесь — прижать блок к низу.

		Это интересно 0	Как всё будет выглядеть в блоге: Простой способ прижать блок к низу на CSS Данную проблему чаще всего можно встретить на подписных страницах, которые обычно помещаются в один экран (без прокрутки) Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/programmirovanie-chelovecheskim-yazyikom/8830612/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Простой способ прижать блок к низу на CSS </a> <div class="insert-intro" style="font-family:trebuchet MS;"> Данную проблему чаще всего можно встретить на подписных страницах, которые обычно помещаются в один экран (без прокрутки) </div> </div> Простой способ прижать блок к низу на CSS <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/programmirovanie-chelovecheskim-yazyikom/8830612/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Простой способ прижать блок к низу на CSS</a> <div style="font-family:trebuchet MS;"> Данную проблему чаще всего можно встретить на подписных страницах, которые обычно помещаются в один экран (без прокрутки) </div> </div>

Юрий Немец

04.08.2015

В избранное Пожаловаться Просмотров: 296

Комментарии ⁰

Программирование человеческим языком 14796

Последние откомментированные темы:

Простой способ прижать блок к низу на CSS

Комментарии временно отключены

Открытая группа
1048 участников