我一直在研究一个动态问题(技术术语)，但当然总是有一些小的跳跃需要你克服。我的问题是，当我在一个问题面板上选择"显示答案"时，分隔符会在行之间增加一个巨大的空白。基本上问题的数量是由屏幕的宽度管理，然后通过AJAX从index.php?questions&a={insertwidthofscreen*4}获得问题，这是通过javascript完成的，并自动工作。
我的代码如下，它被称为'math.php'作为临时测试:http://pastebin.com/MjGgSTYh所有内容都是通过上述文件生成的，没有外部连接，数据库的东西很容易，我将使用我的旧系统来跟踪已经显示的内容。
这个想法是，当点击答案按钮时，所有div都会改变高度，高度取决于答案，答案可以从1个单词到一个段落。
屏幕截图，我的意思是与空白。https://i.stack.imgur.com/8pHya.png里面有两张照片，我好一会儿都没看到下一个按钮。
欢呼,莱昂
因为它不是完整的代码(因此对我自己来说很难测试)，我就这样随便说一下——你的qbox样式(可能还有其他?)有固定的宽度——qbox是200px。这应该是动态的吗?(你也有宽度列出两次，但相同的值，所以在这种情况下应该无关紧要)
如果你想发布更完整的代码，我可以自己粘贴到一个文件中，我可以更容易地排除故障。
更新:我知道发生了什么。当您按特定顺序单击答案时，会出现空白，即如果您从左到右从上到下浏览它们，则没有额外的空白，但如果您像屏幕截图一样斜着单击，则会添加空白以允许当前答案的长度，但不会重新排序先前的单元格以利用该空间。
为了解决这个问题，当一个答案被点击时，看起来你必须重新定位一些答案框…只是按一定的顺序展开它们就会导致你所看到的问题。另一种选择是在页面的侧面或底部有一个答案窗格/框架，在不展开问题框的情况下显示答案。我无法想象每次点击一个方框时，你需要自动重新排列方框的算法…