Vertical scroll bar

Question

My site has a scroll bar just below Footer.

#main {

    display: -ms-grid;
    display: grid;

    grid-template-areas: "header header" "nav nav" "content aside" "footer footer" "privacidade privacidade";
}

#main is an id I put on section, that’s inside the body, all content of my website is within the section.

There in my code is the display -ms-grid; and the display grid. If I take the display off grid; the scroll bar is gone, but my layout is all trunked.

I don’t know how to work the prefix -ms-, it was put there in my code by an auto prefix site, for compatibility with IE.

Somebody help me?

Answer 1

Try to add overflow-x:hidden; in the element you want, or directly in the body body{overflow-x:hidden;}