Задать вопрос
@Drovosek01
css

Как растянуть div, чтобы он подвинул другие div до границ окна?

Пробую "натягивать" верстку на wordpress. Разбил одну страницу на несколько.
https://paulderden.000webhostapp.com/contacts/

Хотелось бы, чтобы внизу не было белого пространства, а блок с контактами занимал оставшееся пространство по центру.

Пробовал этому блоку (class="contacts") задавать height: auto и 100% и т.д.

Предполагаю, что у него придётся убрать padding, поставить

display: flex;
justify-content: space-between

Но как сделать, чтобы блок с контактами "раздвинул" header и footer до краев окна?

5bb600a7db006895380214.png
  • Вопрос задан
  • 425 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
AngReload
@AngReload
Кратко о себе 
html, body {
  height: 100%;
}
body {
  display: table;
  width: 100%;
}
#contacts {
  display: table-row;
  height: 100%;
}
#contacts > .container {
  display: table-cell;
  vertical-align: middle;
}


5bb6086fe0cb4613799748.png
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 1
@siarheisiarhei
с начала сервер найди...
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Ещё заказы