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

Здравствуйте.
Верстаю свой первый макет, сталкиваюсь с некоторыми проблемами. Благополучно их решаю. Но бывает возникает проблема, которую я могу решить, но не уверен, что это будет правильно.
Вот одна из таких проблем.
Я создал див, внутрь этого дива поместил изображение. Размер изображения допустим 500х500 px.
Я задал размеры диву
width: 300px;
height: 300px;
Но изображение не приняло размеры дива.
Я могу конечно насильно прописать размеры для изображения, или же уменьшить его физический размер в фотошопе, но не могу понять как правильнее...
  • Вопрос задан
  • 207 просмотров
Решения вопроса 1
Punkie
@Punkie
img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы