JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fixedHeight">
    <div>tada it is fixed height. But there is more content...</div></div>

<div id="info"></div>

CSS

#fixedHeight{
 height: 100px;
 overflow: hidden;
 font-size: 50px;   
}

JavaScript

$(document).ready(function(){
   var height = $("#fixedHeight").height(); 
   var contentheight = $("#fixedHeight div").height();
   
   $("#info").html("fixedheight = " + height + "<br />Contentheight = " + contentheight);
});