Html 为什么在IE 11中垂直滚动条的底部被切断？

我在下面的stackblitz链接中看到了一个问题，在IE11中，我的内容的底部和滚动条的底部应该允许您查看该内容，但被从屏幕上删除

我已经在Chrome、Firefox和Edge中成功地实现了这一点，但在IE11中没有发现这个问题

编辑1：

下面是一个代码笔，它完全用HTML和CSS重现了这个问题

// Code snippet to make stack overflow happy.

---

在

css

中，对于

html，body{}

overflow设置为

hidden

，这导致了

IE11

中的问题。设置为

溢出：可见使其工作

最终CSS如下所示：

/*将应用程序样式和导入添加到此文件*/
@导入“~@angular/material/prebuild themes/indigo pink.css”；
html，正文{
高度：100vh；
保证金：0；
溢出：可见；
}
* {
框大小：边框框；
}

这里有一个
stackblitz
链接：
你应该发布一个真实的代码片段，而不是试图伪造一个。如果有一个代码片段要发布，我可能会发布它。这真是太棒了，可以修复它。我想我真的不明白为什么这很重要。我不明白为什么这部分内容超出了页面的高度。谢谢你找到它！