我正在为我的网站制作响应式布局。我在右侧有一个额外的空间用于英语和左侧用于阿拉伯语版本，我无法确切地确定它是否来自。这个响应它在FireFox中看起来不错，但在Google Chrome中创建它。 我的网站链接： http://kirkuknow.com/english/ 在inspect元素
将网站更改为移动版本答案 0 :(得分：1)
英文版 - 在我看来问题出现在网站移动视图中id为#subNews的div中。它包含几个带有.subNewsContainer类的div，它们是空的，但仍然保持它们的宽度。 我通过Chrome开发者工具删除#subNews后，右侧空白空格消失了。 也许这里的问题是你在移动版中没有正确处理这个subNews部分？您没有呈现任何内容，但仍会呈现div。
编辑（添加阿拉伯语版本的根本原因）： - 似乎阿拉伯语版本中的问题不同。在那里，id为#langbar（语言栏？）的div从右边（600px）有一个固定的绝对位置，因此在左边有很多，因此创建了空白空格。从Chrome开发者工具中删除它可以解决问题，因此您应该修复该div及其下方的样式表。
一般提示：找到这些问题的最简单方法就是开始在开发人员工具中搜索。开始删除DOM树中的每个div，直到问题得到解决。删除元素并解决问题后，您可以深入了解特定div导致问题的原因。祝你好运！
