Почему мое изображение переполняется определенной максимальной шириной, но отлично работает с определенной шириной? ⇐ CSS

[Anonymous]

Когда у меня есть стиль ширины изображения, определяемый как 100% родителей, тогда изображение не переполняется. Но когда я определяю максимальную ширину как 100% родителя, то это переполняется. Вот мой самый простой рабочий пример: < /p>
html: < /p>





Image Test












< /code>
svg: < /p>



< /code>
Почему он это делает? Моя главная проблема в том, что у меня есть изображение, которое иногда больше, чем у родителя; и когда изображение меньше, чем родитель, я не хочу, чтобы оно растянуло изображение, поэтому настройка ширины до 100% не является вариантом.

Подробнее здесь: https://stackoverflow.com/questions/797 ... h-a-define