移动布局上奇怪的身体填充

Question

如果您在移动布局上访问https://www.biznessapps.com，检查 Google Chrome 中的元素并禁用overflow-x: hiddenfrombody并再次调整大小，那么您将在右侧找到白色垂直条纹（填充）。

我不得不添加overflow-x:hidden到 body 以隐藏这一点，但不确定是什么原因造成的。除了使用还有其他方法overflow-x:hidden吗？

Answer 1

因此，您使用该overflow-x解决方案所做的是一个可行的解决方案，但如果您想学习如何调试 ghost 元素，请阅读以下内容：

基本上，我调试了您的站点并看到您的某些部分（主要是 2 或 3 列中的浮动部分）超出了包装器的宽度。您也可以通过将其输入到您的 CSS 中来看到这一点

*{
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
}

向下滚动并查找超出主 div 的部分，例如：

其中大部分是浮动部分的一点额外边距或填充的结果。

希望这可以帮助！