保证金白空间

Question

我正在修改一个页面，并且没有开始显示白色空间的页面。它使我的移动媒体查询中的页面宽度超过100％（任何来自640px的内容。看起来像这样：

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

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

我从left: -30%;

更改了left: -20%;

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

事情是在开发人员检查工具中，我没有看到任何显示超过100％宽度的东西。对不起，这是一个非常广泛的问题。我只是没有看到导致它能够修复它的区域，因此我对所看到的东西的任何见解都会很棒。

Answer 1

因为您在.blue包装器内部和外部都有子元素动画，所以它会推动元素宽度超过正文。您可以通过添加

来解决此问题

.blue {
   overflow: hidden;
}