哪个元素导致水平滚动条?自动检测

web*_*org 9 html javascript css scrollbar

网站和HTML应用程序上的水平滚动条通常不利于可用性和不需要的.发现它们出乎意料地突然出现并且我需要一种快速调试和删除它们的方法是相当普遍的.

在您的设计中找到违规HTML元素的最快捷最简单的方法是什么?
是否有自动执行此操作的脚本或工具?

是的,您可以逐个浏览页面删除/隐藏元素,直到找到嫌疑人,但这很费时,特别是如果有多个违规元素.单击快捷方式或运行脚本并将所有可疑元素突出显示,概述或打印到控制台会很棒.

澄清一下:问题不是如何解决它,而是如何检测它.我想要一个通用的解决方案,只要出现此问题就可以使用.

Tho*_*nes 5

在较窄的范围内,您可以使用jQuery(获取宽度)并node.scrollWidth获取内容溢出其边界的节点.

http://jsfiddle.net/tomprogramming/v3Q6W/3/