Почему изображение, которое находится в диве с фиксированными размерами, выходит за его границы?

Question

[Евгения Сатонина]

Здравствуйте.
Верстаю свой первый макет, сталкиваюсь с некоторыми проблемами. Благополучно их решаю. Но бывает возникает проблема, которую я могу решить, но не уверен, что это будет правильно.
Вот одна из таких проблем.
Я создал див, внутрь этого дива поместил изображение. Размер изображения допустим 500х500 px.
Я задал размеры диву
width: 300px;
height: 300px;
Но изображение не приняло размеры дива.
Я могу конечно насильно прописать размеры для изображения, или же уменьшить его физический размер в фотошопе, но не могу понять как правильнее...

Answer 1

[Mr Crabbz]

img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}