Css chrome和IE11/Edge中的布局不一致

我的布局在chrome中100%正确：

但在IE 11或edge中查看时，会显示一个额外的滚动条，因为该页面现在大于浏览器高度：

html:

我试着让IE11/Edge渲染出与chrome相同的效果，但似乎无法让它正常工作。我确实检查了是否存在问题，但似乎没有任何问题与我的问题有关

有什么想法吗

---

这是代码笔：

我通过将div上布局填充的最小高度覆盖为0，使布局在MS-Edge上显示相同的内容，这似乎有效。我只是不知道为什么它会起作用

div > [layout-fill]{
  min-height: 0;
}

---

是否

html{overflow:hidden；}

帮助？我尝试过，但它只隐藏了额外的滚动条。我的目标是让md内容可以滚动，而不是整个页面。请尝试class=“autoScroll”检查它是否为hepls或not，或者这一个对我来说看起来接近这个固定边缘，但在IE11中仍然存在问题。

 .bg {
      background-color: #E0E0E0;
    }

    md-toolbar.md-tall-xl {
      height: 192px;
      min-height: 192px;
      max-height: 192px;
    }

    .overTheToolbar {
      margin-top: -72px!important;
      z-index: 3;
    }

    .visableOverflow {
      overflow: visible;
    }

    .working-bg {
      background-color: white;
    }

    .tab-left-padding {
      padding-left: 15px;
    }

div > [layout-fill]{
  min-height: 0;
}