边距空白

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 ，因此它会将元素的宽度推到比正文更大的位置。 您可以通过添加来解决此问题

.blue {
   overflow: hidden;
}