垂直形式与过渡专长。 Microsoft Edge

Question

我在使用Microsoft Edge和CSS时遇到了一些问题，同时使用垂直转换的逐步形式。 所有步骤都具有position: absolute属性。父容器（包含步骤的容器）具有position: relative属性。

当前步骤显示在屏幕中间。 表单的每个下一步，然后＆＃34;推动＆＃34;在顶部取代它的当前步骤，隐藏在页面底部的bottom: -100%之后。 然后上一步有top: -100%去隐藏在页面顶部。

在Microsoft Edge中，前两个步骤运行良好。然后，当到达第三步时，bottom: -100%突然开始表现为bottom: 0px，这导致我的所有步骤都叠加在屏幕底部，全部显示，留下表格丑陋和无法使用。

毋庸置疑，我在Chrome或Firefox中都没有问题。对于Edge如何使用position: absolute标签处理元素，我是否应该知道一些特殊内容？

以下是在其他浏览器中运行良好的图表：

Answer 1

尝试使用除百分之外的其他内容，可能：

Top: 100vh;