网站和 HTML 应用程序上的水平滚动条通常不利于可用性并且不需要。发现它们意外出现是很常见的，我需要一种快速调试和删除它们的方法。
在您的设计中找到有问题的 HTML 元素的快速简便的方法是什么？
是的，您可以逐个删除/隐藏页面，直到找到嫌疑人，但这很耗时，尤其是在有多个违规元素的情况下。单击快捷方式或运行脚本并将所有可疑元素突出显示、概述或打印到控制台会很棒。
澄清一下：问题不在于如何解决它，而在于如何检测它。我想要一个通用的解决方案，只要出现这个问题就可以工作。
问问题
4982 次
2 回答
5
在更窄的范围内，您可以使用 jQuery（获取宽度）并node.scrollWidth获取内容超出其边界的节点。
于 2013-01-03T20:12:53.267 回答
0
如果你让你的内容流动，你一开始就不会得到水平滚动条。不要设置太多的宽度限制。通常，您只设置包含所有内容的主列的（最小）宽度。您还可以限制某些垂直条的宽度（例如导航条）。否则，请谨慎使用 CSS 宽度属性（和其他此类机制）。
CSS white-space 属性也倾向于需要滚动条；明智地使用此属性。这实际上仅适用于格式化代码，在 HTML 源代码中保持换行符以用于对齐目的很重要。
于 2013-01-03T20:17:12.043 回答