CSS - Поведение DIV с высотой и максимальной высотой

Question

Если у вас есть DIV:

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

С помощью CSS:

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

Безопасно предположить, что ДИВЫ всегда будут расти прошлого его начальная высота x и перестать расти (и начать прокрутку) при x + y, когда изображение с высотой x + y + z загружается?

Если нет, как бы я мог добиться такого поведения последовательно в современных браузерах?

Answer 1

Нет, вам нужно использовать минимальную высоту вместо высоты.

Высота установит фиксированную высоту, и контейнер не будет расти или сжиматься.

min-height установит минимальную высоту и максимальную высоту максимальной высоты, тогда контейнер будет расти и сжиматься между этими двумя точками, а автоматическое переполнение будет применяться, если оно больше максимальной высоты.