在IE和Firefox中设置div的最大高度和最大宽度

Question

我正在使用可调整大小的div元素（可在stackoverflow中找到）。 我需要为div元素设置最大高度和最大宽度。 max-height和max-width在Firefox中可以正常工作，但是IE完全忽略了它。

我正在使用IE 9和Firefox 23。

$(document).ready(function() {
    $(".divID")
      .wrap('<div/>')
        .css({'overflow':'hidden'})
          .parent()
            .css({'display':'inline-block',
                  'overflow':'hidden',
                  'height':function(){return $('.divID',this).height();},
                  'width':  function(){return $('.divID',this).width();},
                  'paddingBottom':'12px',
                  'paddingRight':'12px'

                 }).resizable()
                    .find('.divID')
                      .css({'overflow':'auto',
                            width:'100%',
                            height:'100%'
                            });
  });

Answer 1

我在用于查看和编辑mysql数据库表的前端系统中遇到了类似的问题，其中使用php / html将数据拉入表中。

在Internet Explorer上，低于11的任何版本都会在用户浏览器视图的任何有用区域之外显示任何div（在单独的css文件中配置）。 Firefox和Chrome没有问题。

Answer 2

将max-height设置为“ initial”时，我只是遇到了这个问题。 在Chrome中可以正常运行，但在以Edge模式运行的IE（11）中无法正常工作。

起作用的是使用“继承”而不是“初始”。