div がある場合:
<div id="test">
<img src="http://..." />
</div>
CSS の場合:
#test {
height: x;
max-height: x + y;
overflow: auto;
}
高さ x + y + z の画像が読み込まれると、div は常に初期の高さ x を超えて成長し、x + y で成長を停止する (そしてスクロールを開始する) と想定しても安全ですか?
そうでない場合、最新のブラウザーで一貫してこの動作を実現するにはどうすればよいでしょうか?