Como ocultar a barra de rolagem horizontal com CSS

Muitas vezes estamos desenvolvendo e pode ocorrer de aparecer um scrool horizontal, ou rolagem horizontal. Para remover esse scroll indesejado, compartilhar uma dica simples e rápida:

Para ocultar a barra de rolagem horizontal que muitas vezes atrapalha o layout, basta definir o CSS da seguinte maneira:

body { overflow-x: hidden; }

Ou também você pode usar:

html, body {
max-width: 100%;
overflow-x: hidden;
}

Cole esse código no arquivo CSS da página e pronto. Simples e fácil.