Css 手持设备上的屏幕宽度溢出

我目前正在努力解决移动视图页面的CSS问题（Handelds，例如纵向视图中的iphone）。奇怪的是，在主体/内容容器的右侧大约有90个像素的边距。我根本不明白原因——有什么想法吗

请看这里：

网址：

---

提前感谢您的任何提示！向你问好，拉尔夫，你能做的就是

body {
  overflow-x:hidden;
}

这将删除手机上的滚动条。（从左到右）

编辑：我又看了一下你的网站，注意到你的html元素中有这个

html {
  overflow-y:scroll;
}

---

删除该行，瞧：）

您对

#roksearch_结果有显式宽度，您只需应用
不透明度：0。您必须
显示：无到此div（或将宽度更改为100%）

您还将scew转换为社交媒体导航，这超出了您的范围。您可以溢出：隐藏导航，但这会隐藏scewed社交的各个角落，因此我建议
overflow-x:hidden
到body

#body {
  overflow-x: hidden;
}

Natewley和@srekoble——谢谢你们两位的建议。对我来说，这听起来合乎逻辑，但可悲的是没有改变任何事情：问题依然存在……（你可以通过检查我原始问题中的链接来查看更新后的CSS）。我就是不明白。还有其他想法吗？顺便说一句，我刚刚发现了一些可能与问题有关的东西：在Firefox和Chrome中，第二个垂直滚动条出现在屏幕的右侧（因此有两个）。然而，滚动条似乎已被禁用…@RalphNohe natewiley是正确的删除溢出-y:scroll fromhtml@natewiley谢谢你的提示，我修改了html元素CSS，现在第二个滚动条不再显示了。好的第一个问题仍然存在。尽管我在每页的正文中都添加了overflow-x:hidden，但在移动设备中，左右滚动仍然是可能的，因为右侧有令人讨厌的空白。@srekoble多亏了你，也许你对主要问题还有什么其他想法，但没有通过添加overflow-x:hidden……p.s.来解决。我刚刚发现了一些可能与问题有关的东西：在Firefox和Chrome中，第二个垂直滚动条出现在屏幕的右侧（因此有两个）。但是，滚动条似乎已被禁用。。。。
#body {
  overflow-x: hidden;
}