JSFiddle - React, Tailwind, and code Playground

by Jools Chadwick

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="container">
<div class="content">

</div>
</div>

CSS

.container{
  width:100px;
  height:100px;
  overflow:auto;
}
.content{
  width:100px;
  height:150px;
  background-color: green;
}

JavaScript

$(document.body).append('<div>'+$('.container').width()+'</div>')
$(document.body).append('<div>'+$('.container')[0].clientWidth+'</div>')