CSS - 随高度和最大高度

Question

一个div的行为如果你有一个div：

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

使用CSS：

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

它是安全的假设，那么div会总会长过去它的初始高度为x，并且随着高度为x + y + z的图像加载，在x + y处停止增长（并开始滚动）？

如果不是，我将如何去实现这种行为贯穿现代浏览器？

Answer 1

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

高度将设置固定的高度，容器不会增长或缩小。

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