CSS overflow-x: hidden not working when overflow: hidden worked
<p>How would I use overflow-x: hidden on the body, but keep overflow-y: scroll?</p>

<p>I just put overflow: hidden on the body, and it worked (no scrolling on either axis). But when I try to specify an axis, like overflow-x: hidden, suddenly both axes become scrollable.</p>

<p>This should apply only to the body- I don't want to wrap anything inside a "wrapper" div.</p>

<p>This works, but cause both axes to not scroll:</p>

<pre><code>body {
    overflow: hidden;
}
</code></pre>

<p>This causes both axes to scroll:</p>

<pre><code>body {
    overflow-x: hidden;
}
</code></pre>

<p>The only thing inside the body is an absolutely positioned element.</p>