为什么这个额外的空间在chrome上无法检测？

Question

我的页面最初并不需要水平滚动条，但现在一个神秘地显示出超出Chrome和firebug上检查所涵盖的任何元素。没有元素通过那条蓝线，所以我不知道如何解决这个问题。

我知道我可以用overflow-y隐藏滚动条：隐藏，但这不是重点。它根本不应该存在。

编辑以下是jsfiddle：http://jsfiddle.net/S8RUp/ 有点凌乱，但我认为它得到了重点。

Answer 1

jsFiddle链接有太多溢出的内容才有用。你可以做些什么来简化调试是使用这样的一些代码来显示超过阈值宽度的元素：

// using jQuery - you can use other library or include it temporarily for debugging purposes
$('*').each(function() {
    var w = parseInt($(this).width(), 10);
    // you can put something larger than 700, depending on your situation
    if (w > 700) {
        console.log(w, this);
    }
});

它会有一些误报（例如html节点），但你可能很容易找到罪魁祸首。