Уменьшить детей, чтобы они соответствовали родителю ⇐ CSS

[Anonymous]

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

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

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

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

max-width

и т. д., кажется, индивидуально сокращает ребенка, чтобы он не больше, чем родитель; Любые элементы после первого разрыва. < /P>

Идеи, чтобы сдержать их все вместе?>

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