Question

我的应用中有一个意外的水平条。这是由于我的应用程序右侧有一个小间隙（左侧是正确的，没有间隙）。

这是一个常见的问题，有很多讨论原因（某些元素（可能不可见）延伸到预期区域之外）以及如何解决（特别是overflow: hidden）。

然而，我想找到有问题的元素，而不是使用hack（修复滚动条而不是间隙）。

我使用Chrome DevTools检查了<html>的宽度，我看到的差距超出了其（html）区域（蓝色突出显示对应于DevTools中选择的<html> ：

元素是否有可能超出<html>的计算区域？（我在这里突出显示计算，而不是声明）

然后我去测量浏览器的宽度。它的值（从边到边，即右边的黄色箭头，包括间隙）与DevTools提供的<html>的计算值相同。

使用overflow: hidden时，滚动条消失但间隙保持不变（使用与上述相同的测量值）。

我对这种差距的原因感到茫然。由于overflow: hidden修复了滚动条，所以一切都会指向溢出元素 - 但是它应该以{{1}}的最终宽度注册

该设计基于Bootstrap，<html>定义为：

body

Answer 1

您是否尝试过添加保证金：0到正文？

还要检查normalize.css之类的内容是否能解决您的问题。