Question

我在Windows中使用Safari 5.0.5和IE9来测试网站。在CSS中，我有：

#contentarea { 
  background-image:url('../images/img.jpg'); 
  background-repeat: no-repeat; 
  background-position: right top;    
  background-size:100% auto;
  min-height:650px;

}

在jQuery中，我设置了这样的高度：

$(document).ready(function(){
  var vertHeight = $('.innerpage #vBar').outerHeight(true);
  $('.innerpage #contentarea').css({'height':vertHeight });
});

在{的height属性中正确设置了style。但是，即使min-height小于height，这些浏览器似乎也始终首先呈现min-height值。换句话说，height完全被忽略。

我需要CSS中的min-height，这样当它首次渲染div时，它需要具有最小高度，因为jquery有时似乎不适用于首页加载。

Answer 1

根据定义，min-height属性始终覆盖height和max-height，以防止height属性的值变得小于min-height。

您应该检查元素高度，并找出应该为页面使用此值的实际最小值，以便它不会干扰您的JQuery代码。

Safari和IE9最小高度优先于高度

1 个答案: