Использование CSS-функции min() приводит к увеличению ширины предков. ⇐ Html

[Anonymous]

У меня возникла проблема с использованием функции CSS min() вместе с функцией max-width.
Представьте, что у меня есть следующий HTML-код:

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

Статья настраивается в соответствии с размером раздела.
Изображение, загруженное в img, имеет ширину 800 пикселей.
Теперь у меня есть CSS:

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

img {
max-width: 400px;
}

Это делает изображение шириной 400 пикселей, как и его предки.
Теперь, если я укажу максимальную ширину: min(400px, 100%), ширина изображения будет 400 пикселей, но его предки будут 800 пикселей.


Подробнее здесь: https://stackoverflow.com/questions/798 ... e-in-width