css - 自 Chrome 版本 50.xx 起，高度标签不起作用

Question

自从收到新的 Google Chrome(桌面版)升级后，页面不再收听“height: 100%;” CSS 文件中使用的标签。与 IE 一起工作正常。我们所有的 div 面板都是不可见的。该元素有相当多的页面使用这种用法。

示例用法如下；

div.ElementToScroll {
    overflow-y: scroll;
    position: relative;
    padding: 0 !important;
    height: 100%;
    ...

尝试了 “height:100vh”，结果发现它们的工作方式不同，页面在不同的屏幕分辨率下有不同的行为。

有人可以提出解决方案吗？提前致谢!

Answer 1

它并不总是发生。在某些 div 中它工作正常。在其他情况下，div 是不可见的。到目前为止，我已经解决了删除样式“height:100%”并在受影响的 div 中保留“overflow:auto”的问题。