检测CSS元素溢出的方法

每隔一段时间，你都会遇到一个需要聪明才智才能发现的CSS烦恼。 其中一个例子就是不想要的和意外的滚动条。 当我看到不需要的滚动条时，我通常会打开开发工具，点击元素检查器，然后在周围徘徊，直到我找到那个邪恶的HTML元素。 作为一个视觉主义者，我发现这个过程很有效，但效率不高。 最近，我知道了一种用JavaScript找到元素溢出的程序化方法!

为了找到召唤溢出滚动条的元素，你可以使用下面的JavaScript语句：

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

在该元素被记录到控制台后，你可以准确地找到它，并在元素检查器中按你认为合适的方式进行惩罚。