img里面div与填充

Question

我想包围一个图像的div。图像大于div尺寸。通过使用Overflow: hidden我已经隐藏了div以外的图像部分。现在我想为我的div设置填充，所以图像不会填满所有div区域。但好像img忽略了右下角的填充值。

更清楚，这里就是我现在（http://jsfiddle.net/sAYEq/4/）：

和这里的我想要实现：

请注意，我不希望设置我的图像的宽度/高度，因为我希望图像的实际尺寸和部分之外的部分不应该显示。

Answer 1

，只需提供您的包装100%宽度和高度：

#wrapper{ 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    display: inline-block; 
    border: 1px solid green; 
} 

它将工作as you want it to。

Answer 2

像这样

.parent { 
    width: 400px; 
    height: 200px; 
    outline: 1px solid red; 
    overflow: hidden; 
    border: 10px solid white; 
}