Firefox 忽略 DIV 容器的 CSS 高度
Firefox ignoring the CSS height of a DIV container
我有一个问题只发生在 firefox 中，我找不到解决方法，所以如果有人能帮助我解决这个问题就太好了。
我有这个页面：https://shorturl.at/rwR79
里面有一个 100% 高度的容器。这在 chrome 和 Safari 中显示良好，但在 Firefox 中，容器“橙色框”从来没有达到 100% 的高度，而是保持很小。
我无法弄清楚问题是什么，因为它可以在所有其他浏览器上运行。
如果有人对此有想法，那就太好了。
谢谢
正如我在评论中提到的，您可以使用 vh 而不是 %
但是如果你想避免 vh 单位，我还有另一个很好的解决方案，在 main class 中只需将 display 从 table 到 flex，这似乎也很好地解决了 firefox 中的问题:)，您还需要在 class 中添加 justify-content: center; 以使所有内容水平居中
我有一个问题只发生在 firefox 中，我找不到解决方法，所以如果有人能帮助我解决这个问题就太好了。 我有这个页面：https://shorturl.at/rwR79 里面有一个 100% 高度的容器。这在 chrome 和 Safari 中显示良好，但在 Firefox 中，容器“橙色框”从来没有达到 100% 的高度，而是保持很小。
我无法弄清楚问题是什么，因为它可以在所有其他浏览器上运行。 如果有人对此有想法，那就太好了。 谢谢
正如我在评论中提到的，您可以使用 vh 而不是 %
但是如果你想避免 vh 单位，我还有另一个很好的解决方案，在 main class 中只需将 display 从 table 到 flex，这似乎也很好地解决了 firefox 中的问题:)，您还需要在 class 中添加 justify-content: center; 以使所有内容水平居中