JSFiddle - React, Tailwind, and code Playground

by Nickolay Ilchenko

HTML

<div id="elem">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>

CSS

#elem {
    width: 200px;
    height: 150px;
    background-color: red;
    padding: 20px;
    overflow: auto;
}
body {
    border: 1px solid black;
}

JavaScript

var elem = document.getElementById('elem');
var body = document.body;
var elemStyle = getComputedStyle(elem, '');
console.log(elemStyle.paddingLeft);
elem.style.width = body.clientWidth - parseInt(elemStyle.paddingLeft, 10) - parseInt(elemStyle.paddingRight, 10) + 'px';