Сокращать детей, чтобы соответствовать родителям ⇐ Html

[Anonymous]

У меня есть Div с фиксированным размером с переменным количеством детских элементов. Я не знаю размер детей заранее. Цель состоит в том, чтобы уменьшить их в соответствии с родителем. >

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

.parent {
width: 100px;
height: 100px;
border: 2px dashed green;
}
.parent * {
max-width: 100%;
max-height: 100%;
}

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

[img]https://placehold.it/250x400[/img]
[img]https://placehold.it/300x250[/img]
< /code>
< /div>
< /div>
< /p>

max-width

и т. д. кажется, индивидуально сжимает дочерний элемент до размеров родительского; Какие-нибудь элементы после первого взрыва.

Идеи, как сдержать их все вместе?

Подробнее здесь: https://stackoverflow.com/questions/439 ... fit-parent