Изменяемый размер div с максимальной начальной высотой ⇐ CSS

[Anonymous]

Рассмотрим следующий элемент div с изменяемым размером в HTML+CSS:

Код: Выделить всё

Lorem ipsum dolor sit amet....

/* CSS */
.mydiv {
height: 200px;
overflow-y: auto;
resize: vertical;
}

Если содержимое div превышает 200 пикселей, результат будет тем, что я хочу: высота будет ограничена 200 пикселями, у него будет полоса прокрутки и размер можно будет изменить.
Однако, если высота содержимого ниже 200 пикселей, в приведенном выше примере высота будет увеличена до 200 пикселей без необходимости. В данном случае я хочу, чтобы высота была минимально необходимой.
Я пробовал так:

Код: Выделить всё

/* CSS */
.mydiv {
max-height: 200px;
overflow-y: auto;
resize: vertical;
}

однако это не работает, потому что максимальная высота применяется даже при изменении размера div с помощью дескриптора изменения размера, то есть я никогда не смогу изменить его размер выше 200 пикселей.
Как сделать так, чтобы размер можно было изменять без ограничений, но при этом иметь начальную максимальную высоту по умолчанию? То есть начальная высота, которая является минимальной между заданным значением и тем, что соответствует содержимому?
Очевидно, я ищу решение, использующее только CSS. Я знаю, как это сделать на JavaScript

Подробнее здесь: https://stackoverflow.com/questions/791 ... ial-height