边白-space

Question

我正在修改一个页面，但不知从哪里开始显示白色-space。它使我的移动媒体查询中的页面宽度超过 100%（从 640px 开始的任何内容。它看起来像这样：

我在主桌面视图中唯一更改的是：

 #see-all-services-text {
    opacity: 0;
    font-size: 1.3em;
    position: relative;
    left: -30%;
}

我从 left: -20%;

更改为 left: -30%;

然后我也扩大了主桌面视图中的 blue-text 区域。

这个东西在开发人员检查工具中，我没有看到任何显示超过 100% 宽度的东西。抱歉，这是一个非常广泛的问题。我只是看不到导致这个问题的区域能够修复它，所以任何对我忽略的东西的洞察力都会很棒。

Answer 1

因为您有子元素在 .blue 包装器中进出动画，所以它将元素宽度推得比主体更远。您可以通过添加

来解决这个问题

.blue {
   overflow: hidden;
}