Как растянуть по высоте экрана блок и вычесть высоту шапки?

Question

[Игорь Лавров]

Мне нужно чтобы блок растягивался на высоту экрана, но у меня еще есть и шапка... соответственно мне нужно вычесть высоту шапки сайта... как это сделать, точнее дописать?

function setHeiHeight() {
              $('#header-info').css({
                  height: $(window).height() + 'px'
              });
          }
          setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
          $(window).resize( setHeiHeight ); // обновляем при изменении размеров окна

Answer 1

[Денис Букреев]

calc(100vh - headHeight)

зачем для этого js использовать?

Comments

[Филипп Гапоненко]

Что если высота хедера может быть динамической?

[Денис Букреев]

Филипп Гапоненко: каким образом хедер может быть динамическим по размеру?

[Nikita]

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

Answer 2

[Алекс Глебов]

https://jsfiddle.net/7L30apux/1/
префиксы только дописать надо