Растянуть блок на всю высоту экрана (body)

216

11 ноября 2021, 11:40

Не могу растянуть контейнер на всю высоту 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>

Answer 1

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

height: 100vh;

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

section {
    height: 100vh; /* высота секции равна высоте области просмотра */
}

ТОП-10

176

Я новичок в QtКак сделать похожую таблицу в Qt?

171

Подскажите, пожалуйста, как поступить в моей проблемеЕсть функция (библиотеки нестандартной), который в качестве аргумента требуется const char *

111

Сделал курсовую работуВозникла трудность с одним пунктом из технического задания, он звучит так:

280