CSS-在没有Jquery的情况下动态计算IE11的宽度

Question

我的应用程序在IE8中运行良好，现在我们正在迁移到IE11。 请在下面找到div CSS

.contentDiv{
  height:expression(document.body.clientHeight - contentDiv.getBoundingClientRect().top);
  overflow-y:scroll;
}

CSS表达式现在已贬值。 您能否建议我如何计算IE11的动态div宽度高度，并且它也可以在IE8中使用？

Answer 1

如果您在站点上有jQuery（并且应该这样做），则可以让jQuery快速遍历该类的元素并显式设置高度。

$(document).ready(function(){
    $('.contentDiv').each(function(){
        $(this).css('height',$(document).height() - $(this)[0].getBoundingClientRect().top);
    });
});

您将要保持overflow-y:scroll; CSS中的样式定义。