Position:absolute causes horizontal scrollbar

Question

Absolutely positioned (side yellow advertisements) div\'s cause unwanted horizontal scrollbar when window is resized (size decreased) beyond them. Scrollbar should appear on

Answer 1

I may like to further add, if the same problem is being faced and by using the solution suggested by @Aaron the page seems to not scroll then you can use axis specific version of the "overflow" attribute, as following,

overflow-x: hidden;

This will only hide the content protruding on the right hand side (or left hand side if website is RTL) and not the vertical content.

Also to further enhance this method if the protruding content is appearing only at a certain resolution (as in my case), you can use css media query to restrict the behaviour.

@media (min-width: 1500px) {
    body {
        overflow-x: hidden;
    }
}