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

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

高度將設置固定的高度，容器不會增長或縮小。

最小高度將設置最小高度並將最大高度設置爲最大高度，然後容器將在這兩個點之間增長和縮小，並且當溢出自動將大於最大高度時應用溢流自動。