Высота 100vh - высота другого элемента в JavaScript

Question

У меня есть этот код:

document.querySelector('.saved').style.height = '100vh' - document.querySelector('.header').offsetHeight + 'px';

Я хочу, чтобы div.saved имел высоту 100vh - высота div.header. Код сверху не работает. Что мне делать?

Answer 1

Вы можете использовать встроенную css функцию cal c

document.querySelector('.saved').style.height = 'calc(100vh - ' +   document.querySelector('.header').offsetHeight + 'px)';

Answer 2

Вы пропускаете расчетный вызов в CSS. Ваш код не информирует браузер о том, что он должен вычислять высоту элемента. Что-то вроде

document.querySelector('.saved').style.height = 'calc(100vh - ' +  document.querySelector('.header').offsetHeight + 'px)';

должно работать.

Answer 3

Вы не можете вычесть vh и pixel. Получите всю высоту экрана и вычтите ее с высотой вашего элемента.