JSFiddle - React, Tailwind, and code Playground

HTML

<div id="geral">
    Oi eu sou uma div com conteudo html.
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    <p>Oi</p>
    
</div>
<div id="outra">
    conteudo da outra div
</div>

CSS

#geral {
    width: 300px;
    height: 100%;
}

JavaScript

var altura = document.getElementById('geral').clientHeight;
alert(altura);
var alturaDaOutraDiv = parseInt(altura) - parseInt(80);
if(alturaDaOutraDiv > 0){
    document.getElementById('outra').style.height = alturaDaOutraDiv+"px";
    var alturaDaOutra = document.getElementById('outra').clientHeight;
    alert(alturaDaOutra);
}