这个问题可以通过JavaScript来解决。你可以在HTML中创建一个div，设置其最小高度，然后在JavaScript中监听div的高度变化，如果高度增加，那么将div的min-height属性设置为其实际高度，以保持div的高度在最小高度和最大高度之间。

以下是一个简单的例子：

HTML:

```html

```

JavaScript:

```javascript var myDiv = document.getElementById("myDiv");

myDiv.addEventListener("heightChange", function() { if (myDiv.scrollHeight > myDiv.offsetHeight) { myDiv.style.minHeight = myDiv.scrollHeight + "px"; } else { myDiv.style.maxHeight = myDiv.offsetHeight + "px"; } }); ```

在这个例子中，我们首先获取了div元素，然后使用addEventListener方法监听其heightChange事件。当div的高度改变时，我们检查其滚动条的高度是否大于其高度。如果是，我们就将div的min-height属性设置为滚动条的高度加1，这样div的最小高度就会保持在100px和200px之间。如果不是，我们就将div的max-height属性设置为滚动条的高度加1，这样div的最大高度就会保持在200px和200px之间。