CSS-具有高度和最大高度的div的行为

如果您有一个div：

<div id="test">
  <img src="http://..." />
</div>

可以安全地假设div将始终增长超过其初始高度x，并在加载高度为x+y+z的图像时在x+y处停止增长（并开始滚动）吗

---

如果没有，我将如何在现代浏览器中始终如一地实现这种行为？

不，您需要使用最小高度而不是高度

高度将设置一个固定的高度，容器不会增长或收缩

---

最小高度将设置最小高度，最大高度将设置最大高度，然后容器将在这两个点之间增长和收缩，当其大于最大高度时，溢出自动将应用。

否，您需要使用最小高度而不是高度

高度将设置一个固定的高度，容器不会增长或收缩

最小高度将设置最小高度，最大高度将设置最大高度，然后容器将在这两个点之间增长和收缩，当其大于最大高度时，溢出自动将应用

#test {
  height: x;
  max-height: x + y;
  overflow: auto;
}