使用javascript更改div的类以显示或隐藏它会导致布局在iPad上中断

我不熟悉HTML\CSS\Javascript，请原谅我的无能。我知道对于某些位（主要是类修改），我没有使用jQuery，只是因为我无法让它工作，所以我使用了旧的skool

我的桌面上有一个网页（这里：）在Chrome（和Safari）中运行良好。你点击页面中间的大方格，然后点击>转到下一页。最终，您将看到它根据您选择的内容隐藏\n隐藏4个片段中的一个。这有点笨重，但它能工作，现在是一个胜利

当我在iPad上查看同一页面时，布局就不太好了，但这不是我的问题。当您进入最后一个问题显示\隐藏片段时，它似乎改变了整个页面的呈现方式-每个元素似乎占用了很多空间

在iPad上调试是非常困难的，因为我正在使用Windows机器进行开发，而Safari仿真器实际上并不模拟正在发生的事情，因为它不会在桌面Safari（适用于Windows）上中断

我甚至不知道从哪里开始寻找这个-任何提示将不胜感激

编辑：现在我已经修复了邪恶的HTML，看起来底部的div显示\隐藏时，每个div上面的高度加倍（？）我制作了NavDiv和Breaker fuschia和maroon的背景，使它们显示出来，大小加倍。高度是页面大小的百分比（我想是这样的）——怎么回事？！未隐藏区域时是否重新计算百分比

谢谢

---

汤姆

woah，那篇文章毁了我的眼睛我想使用有效的标记可能是一个很好的起点。根据w3c验证程序，您的页面（或至少看起来）已损坏，共有115个错误：是的，不确定文本发生了什么；坦白地说，一旦功能修复，我会回来修复…@PaoloStefan-我想这是一个好的开始-修复这个东西，我想至少可以最小化其他潜在问题。@PaoloStefan导致验证程序崩溃的是外来对象，一旦删除，它将作为HTML5文档传递。然而，当你按下最后一个“下一步”按钮时，它仍然会做同样的事情。最令人沮丧的是，我不知道调试的下一步该怎么做！