CSS div 增加高度但不降低高度

Question

我曾经有过这个行为作为一个错误，但这次我真的想要它作为一个功能，但无法产生它。

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

所以我希望这个块自动增加其高度，但永远不会从最后一个最大值减少。所以我唯一的想法是使用 Jquery 并将每次更改的高度附加到最小高度。但我敢肯定我以前有过这个。

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>

我认为这个例子可能会对你有所帮助。 我使用了1000 毫秒的setInterval来更新容器div的高度，每次它的高度都会增加100px。

我不知道你什么时候会增加容器div 的高度，所以我使用了 setInterval。在您的情况下，setInterval可能会被某些函数所取代。