1

Не могу растянуть контейнер на всю высоту body.

Нужно, чтобы главный контейнер с классом .template растягивался на всю высоту body.

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.template {
  width: 100%;
  height: auto;
  background: red;
}
<div class="template template-index"></div>

2
  • 1
    height: 100%?
    – meine
    Commented 15 нояб. 2019 в 17:25
  • Спасибо, помогло! Commented 15 нояб. 2019 в 17:29

1 ответ 1

0

Простой способ растянуть блок на всю высоту:

height: 100vh;

Есть много способов растянуть блок на всю высоту, однако самый простой и изящный способ — применить единицу измерения vh.

section {
    height: 100vh; /* высота секции равна высоте области просмотра */
}
1
  • 1
    лучше будет если Вы добавите особенности единицы измерения vh ...
    – Leks
    Commented 16 нояб. 2019 в 17:28

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.