html - 如何同时实现跨浏览器的min-height和max-height？

Question

如果只实现最大高度:

max-height:200px;
 height:auto !important;
 height:200px;
 overflow:hidden;

如果只实现最小高度:

min-height:40px;
height:auto!important;
height:40px;

看到了吗？高度有冲突!

解决方案是什么？

Answer 1

如果您想使用纯 CSS，我会选择条件样式表路线。

但是，我的首选解决方案只是一点点 jQuery:

  $(document).ready() (function() {
    if ($("#division").height() > 200) {
        $("#division").height('200px');
    }
    if ($("#division").height() < 40) {
        $("#division").height('40px');
    }
  }