Question

我曾经把这个行为作为一个错误，但这次我真的希望它作为一个功能而无法生成它。

<div style="height: auto;">
   <div> 
      Variable Text, which is sometimes longer and sometimes shorter.
      It changes while runtime. 
   </div>
</div>

所以我希望这个块自动增加其高度，但不会从最后一个最大值减少。所以我唯一的想法是使用Jquery并将每个更改的高度附加为min-height。但我确定我之前有这个。

Answer 1

在这里，您将使用示例解决方案https://jsfiddle.net/x6otm6x2/

setInterval(function(){
	var newHeight = $('div').height() + 100;
	$('div').css({
  	minHeight: newHeight
  });
  console.log($('div').height())
}, 1000);

div{
  min-height: 100px;
  width: 100px;
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

</div>

我认为这个例子可能会对你有帮助。我使用 setInterval 1000ms 来更新容器div 的高度，并且每当它的高度增加 100px

我不知道你何时会增加容器div高度，所以我使用了setInterval。在你的情况下，setInterval将被某个函数取代。

CSS div增加高度但不减少它

1 个答案: