高度100 in JavaScript中其他元素的高度

Question

我有这样的代码：

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

我想使div.saved有高度100 to高度的div.header。上面的代码不起作用。我做什么好？

Answer 1

您可以使用内置css 函数calc。

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和像素。获取整个屏幕高度，并减去它与您的元素的高度。