Question

对于我的生活，我似乎无法摆脱this site底部的水平滚动条。我已经尝试过所有事情（以我的能力），并且想知道是否有人可以为我揭开它。

提前致谢。

Answer 1

.row.vc_custom_1488973579542（标题较大的人）不是.container的直接孩子，而是<section>的直接孩子。

您的主题使用基于Bootstrap列的网格布局系统，该系统使用.container上的左/右填充和.row上相应的左/右负边距。在全宽模式下，不在.row中放置顶级.container会导致行25px大于<body>，从而创建水平滚动条。

可能的修复：

.row.vc_custom_1488973579542 { 
  margin-left:0;
  margin-right:0; 
}

body {
  overflow-x: hidden;
}

Answer 2

您有两种选择：

完全忽略所有间距：

<style>

body {
    overflow-x:hidden;
}

</style>

或您可以查看所有CSS，并确保不会意外地出现任何“流血”边框或边距/填充。

当您将元素的宽度设置为20％并且有5个这样的元素时会发生出血，但是然后添加10px边距会导致其中一部分运行。

JSFiddle示例：

你注意到第四行是在第二行吗？这是因为边距发生在样式对象之外。

注意：还有很多其他导致出血的方法。比如，边框等没有正确调整。

我会亲自去看看溢出x：隐藏，但那是因为我很懒。但是，通过使用惰性方式overflow-x：hidden，您可能会影响代码的未来使用。话虽如此，我认为你应该只是我们溢出-x：隐藏。