Detect CSS Overflow Elements

每隔一段时间，你就会遇到一个CSS烦恼，需要一些聪明才能发现。一个这样的案例在不想要的和意想不到的滚动条中展示了它丑陋的头部。当我看到不需要的滚动条时，我通常会打开开发人员工具，单击元素检查器，然后悬停在周围，直到找到邪恶的HTML元素。作为一个视觉人，我发现这个过程是有效的，但并不有效。最近我被了解使用JavaScript查找无赖元素的编程方法！

要找到元素召唤恶魔滚动条，您可以使用以下JavaScript：

document.querySelectorAll( * ).forEach(el => {
  if (el.offsetWidth > document.documentElement.offsetWidth) {
      console.log( Found the worst element ever:  , el);
  }
});

在元素被记录到控制台后，您可以精确定位它，并在元素检查器中进行惩罚。

我总是对回到我的旧方式感到内疚，即目视检查，但有一个程序化的解决方案会更快、更方便！