HTML，CSS - 由于未知原因水平超出屏幕水平

我在experimental.danielhons.de下创建了一个网站，使用移动设备或缩小浏览器窗口的宽度来查看网站时出现问题。HTML，CSS - 由于未知原因水平超出屏幕水平

在某些时候，页面会水平滚动，右侧会出现空白。

用Firebug，我看到它是身体标记超过了屏幕，但我已经使用这个CSS：

html, body { 
    max-width: 100%; 
    overflow-x: hidden; 
    overflow:hidden; 
}

如何防止页面被水平滚动？ Screeshot with overflow:auto

2016-09-28 AsconX

我记得前一段时间有类似的问题。在我的情况下，它是标题图像。您可能需要考虑通过适当的媒体查询为手机提供更小的图片。 – 2016-09-28 11:58:56

我使用background-size：cover;所以我希望这不是问题。 - 现在检查：移除图像不会改变行为。 – AsconX

添加这个CSS

body { 
    height: 100%; 
    overflow: auto; 
} 

html { 
    max-width: 100%; 
}

2016-09-28 11:48:19 Komal

我现在在responsee.css中使用了这个块，仍然没有区别。 – AsconX

删除你的上面的CSS部分 – Komal

我做到了，我把它替换成你的CSS。 – AsconX

我可以清楚地看到，你有你的身体标记overflow: scroll;集。您可以使用overflow-x:hidden;仅覆盖x轴专用规则。

2016-09-28 11:50:14

）你是对的，现在删除了responsee.css中的部分，并将其替换为template-style.css，但仍然没有区别。 – AsconX

@AsconX你不需要删除任何东西，你可以通过应用覆盖现有的CSS一个优先级更高的规则，那就是它的美，层叠效应。 –

好吧，但是我将不得不做一些返工，并删除未使用的CSS。模板有很多东西，我不再需要了。 – AsconX

回答