Every once in a while you encounter a CSS annoyance that takes some cleverness to discover. One such case rears its ugly head in unwanted and unexpected scrollbars. When I see unwanted scrollbars, I usually open developer tools, click the element inspector, and hover around until I find the villainous HTML element. As a visual person, I find that process effective but not efficient. Recently I was
![Detect CSS Overflow Elements](https://cdn-ak-scissors.b.st-hatena.com/image/square/9993c9cdb0a517bc9f01c87e168851edb677bade/height=288;version=1;width=512/https%3A%2F%2Fdavidwalsh.name%2Fwp-content%2Fthemes%2Fpunky%2Fimages%2Flogo.png)