Question

我在更改元素高度方面遇到了一些困难。当没有可用的flexbox时，html标签的类为no-flexbox。下面的代码用于获取父div的高度并将其添加到子级。这将迫使IE9中的高度相等。任何人都可以看到这段代码的错误。我可能做了一些愚蠢而明显的事情，但我无法看到它。

   var iconGroupHeight = $('.icon-block-group-wrapper').height;

if ($('html').hasClass("no-flexbox")){
$('.icon-block').css('height', iconGroupHeight);
}

Answer 1

试试这个第1次

.height()  or outerHeight();  dont forget ()  // it will return integer

第二

if ($('html').hasClass("no-flexbox")){
   $('.icon-block').css('height', iconGroupHeight+'px'); // add px
 }

Answer 2

确保将它包装在文档中，以便jQuery可以获得渲染元素的高度。另外，请尝试.outerHeight方法。

$( document ).ready(function() {
  var iconGroupHeight = $('.icon-block-group-wrapper').outerHeight();

  if ($('html').hasClass("no-flexbox")){
   $('.icon-block').css('height', iconGroupHeight);
  }

});

为IE9找到父div高度并为子节点添加高度

2 个答案: