当窗口低于某个宽度时，隐藏元素会导致滚动条出现

Question

我遇到了最棘手的问题。我正在尝试制作一个符合以下分辨率的页面：

width: 640;
height: 960;

为iPhone。但是有一个隐藏的元素，我无法访问开发人员工具栏或Firebug，它在我的页面右侧添加了额外的100个像素。

我为html，body和main容器设置了正确的高度和宽度，但我仍然遇到同样的问题。

您可以转到以下页面并在740px宽度下调整屏幕大小来复制问题。执行此操作时，您会看到大约740像素的水平滚动条弹出窗口。这是问题的example page。

滚动条不应弹出，直到窗口调整为640像素宽度，因为这就是我所有分配给它的元素。

主要的整体问题是，当在iphone4上观看时，屏幕右侧有一个100像素的间隙，无论我做什么我都无法摆脱，因为有些元素正在使页面宽度为740px而不是640

我的老板和我一直在研究这个问题好几个小时，但仍然无法弄清楚是什么导致了右边100多个像素。

任何建议都将不胜感激。

Answer 1

将overflow: hidden放在HTML CSS属性上。不确定该元素的来源，但这样可以防止出现任何滚动条。