自Chrome版本50.xx以来，高度标记无效

Question

自收到新的Google Chrome（桌面版）升级以来，网页不听“身高：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'。

Answer 2

抱歉错误的误导性问题。事实证明，方法jQuery.browser.safari正在为Chrome返回true。之后跳过了一些基于浏览器的脚本，并且页面行为发生了变化。

改为使用;

var is_safari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);