Обрезание картинки внутри блока

по тому как вы очертили не нужно использовать абсолютное позиционирование. А обрезание на сколько я знаю можно будет сделать только overflow: hidden для родительского элемента. И вообще здесь не нужно делать абсолютное позиционирование, вполне достаточно position: relative для картинки и можно двигать с помощью top и left

Улыбнуло...

Да, и когда пишете о сохранении пропорций, не забывайте указывать, пропорций чего: картинки или блока, в котором она расположена.

Вот накидал пример на скорую руку

http://codepen.io/anon/pen/XNezmm

Оп хочет с сохранением пропорций. Может таким простым jQuery кодом? https://jsfiddle.net/e1or1z0b/

Спасибо. Почти то, что нужно)

если с сохранением пропорций зачем обрезать?) когда можно указать размер 100% и картинка смасштабируется внутри блока?

Наверное потому, что обрезание и масштабирование не одно и то же. Но непонятно, что конкретно нужно ОПу.

Для родительского блока указываете overflow:hidden; и width/height в явном виде. Для картинки прописываете правила:

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