Qual elemento está criando scroll horizontal?

Se, ao criar uma página, você percebeu que ela ficou com uma incômoda barra de rolagem horizontal, você pode executar o seguinte código no console do seu navegador, para descobrir quem é o culpado:

var docWidth = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }
);

Os culpados irão aparecer no Console :)

Comments

[Sereio-do-Brejo]

Legal um post em português!
Adoro o dev.to, mas fica muito difícil recomendar artigos para quem não sabe ou gosta de ler inglês. Espero que seja possível haver mais posts em nosso idioma!

btw, nice article!

[Wilson Beirigo Duarte]

Isso aí. Mais posts em português.

[Rodrigo de Avila]

Eu tava mesmo com receio de postar, porque nunca vi artigos em pt-BR por aqui. É bom saber que mais gente quer ler em português!

[Danilo Gila de Santana]

Dica muito boa! Show