How to determine if an element has overflow without JS?

Question

css

There is a block with an indent on the right, sometimes in the content block there is more than it can accommodate and a vertical scrollbar appears, respectively - the width of the block decreases.
Is it possible not to use js at all, but using webkit (a task exclusively for Chrome) to determine the presence of a scrollbar in order to adjust the indent?

Answer 1

If purely for chrome, this "crutch" is suitable
the method works if it is known in advance what width the block should be. The right padding is set to the inner block width, the value is the difference between the block width (in absolute value) and the required padding.