Quando dimensiono minha janela do Chrome para 328 x 455 pixels, ainda vejo uma barra de rolagem horizontal. Como posso descobrir qual elemento está causando isso? Estive procurando elementos pelo console do desenvolvedor, mas não consigo encontrar o elemento.

Eu tentei o script que encontreiaqui, mas nada está registrado. Eu tentei no elementobody, section1 e muitos outros, mas não sabem mais o que fazer.

    $(function () {
        var f = $('body'); //document.getElementById("body");
        var contentHeight = f.scrollHeight;
        var declaredHeight = $(f).height();

        var contentWidth = f.scrollWidth;
        var declaredWidth = $(f).width();
        if (contentHeight > declaredHeight) {
            console.log("invalid height");
        }
        if (contentWidth > declaredWidth) {
            console.log("invalid width");
        }
    });