Se as alturas dos elementos estiverem definidos, tenta utilizar a "gambiarra" do position: absolute com margem negativa. (Se sua ideia for centralizar a imagem):
div {
position: relative;
width: 300px;
height: 300px;
overflow: hidden;
}
img {
width: 400px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
; /* metade da largura */
margin-top: -150px; /* metade da altura */
}
Se não, se for apenas pra caber, vais precisar escolher qual eixo queres ocupar 100%, e, outro, definir como auto:
img {
width: 100%;
height: auto;
}
/* OU */
img {
width: auto;
height: 100%;
}
Por algum motivo, nao ta indo a linha com o comentário /* metade da largura*/. A propriedade CSS é a margin-left com -200 px. Acho que o filtro de palavras ta meio zoado