Как с помощью JS задать блоку высоту на несколько пикселей меньше, чем он занял бы с 100% высотой?

Question

[Роман Павлов]

Есть блок, который должен занимать почти всю возможную высоту родительского блока. Высота родительского блока может быть любой.

Как задать блоку высоту, к примеру, на 100 пикселей меньше, чем 100%?

P.S. Таких блоков на странице несколько, высота у каждого своя.

Answer 1

[cha-cha]

$(selector).each(function(){
    $(this).height($(this).parent().height() - 100);
});

Comments

[Роман Павлов]

Не работает, занимает примерно половину от нужного.
Может это связано как то с position: absolute у родителя?

[Роман Павлов]

Загрузил на jsfiddle, там все работает =\

Answer 2

[Юрий Лобанов]

Есть несколько способов, вот пара. Без использования js, конечно.
codepen.io/iiil/pen/tzkFh

Comments

[Роман Павлов]

Спасибо большое, работает :)