@Drovosek01

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

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

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

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

Предполагаю, что у него придётся убрать padding, поставить
display: flex;
justify-content: space-between


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

5bb600a7db006895380214.png
  • Вопрос задан
  • 180 просмотров
Решения вопроса 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
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@siarheisiarhei
с начала сервер найди...
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 03:15
100000 руб./за проект
26 окт. 2020, в 02:20
25000 руб./за проект
26 окт. 2020, в 01:56
3500 руб./за проект