Javascript 将div的高度减少一个设定的量？

我有一个可以动态增长的div；但由于某些元素的位置高于它们的实际位置：相对；这个div比它需要的要高一点

元素可以有多行；因此div的高度不是恒定的，但是不管这些元素有多少行，总有一点“悬垂”/空白

有没有办法把潜水舱的高度降低一个固定的数值。我的思路是

100%的div高度-20px可能与以下因素有关：

可能可以：

请试试这个：

div {
   height: calc(100% - 20px)
}

请试试这个：

div {
   height: calc(100% - 20px)
}