Как вписать картинку в блок?

[nikki4]

Сейчас фото дивана обрезается

https://mebelsort.ru/mebel-dlya-gostinoj/myagkaya-mebel-malajzii/divany-malajzii/divan-krovat-amerillo-amerillo-bezhevyj-36-34

Можно ли его целиком как-то отобразить?

знаю есть для этого overflow  - не срабатывает.

[Switch74]

можно так
http://jsfiddle.net/94n120eL/
а можно использовать
https://developer.mozilla.org/ru/docs/Web/CSS/object-fit

[SelenIT]

Есть еще вариация первого способа, на абс. позиционировании. Имхо, чуть интуитивнее, и гориз. центрирование не зависит от пробела в коде между <img> и </div>:). Но основная суть та же.

[Switch74]

я не помню по поводу поддержки браузерами вашего способа, не подскажете с каких версий браузеров он работает корректно?

[SelenIT]

Предполагаю, что должно адекватно поддерживаться начиная с IE8 (который хвалился «полной поддержкой CSS2.1»), проверить прямо сейчас не могу, но о каких-либо проблемах с этим способом в IE10 и выше я не слыхал. IE6 не умел растягивать контент через пары left/right и top/bottom, это да, но он ведь уже много лет как неактуален...