img裏面div與填充

我想包圍一個圖像的div。圖像大於div尺寸。通過使用Overflow: hidden我已經隱藏了div以外的圖像部分。現在我想爲我的div設置填充，所以圖像不會填滿所有div區域。但好像img忽略了右下角的填充值。img裏面div與填充

更清楚，這裏就是我現在（http://jsfiddle.net/sAYEq/4/）：
enter image description here

和這裏的我想要實現：
enter image description here

請注意，我不希望設置我的圖像的寬度/高度，因爲我希望圖像的實際尺寸和部分之外的部分不應該顯示。

2012-09-08 Kamyar

問題是'wrapper' div的寬度。如果您不想設置圖像的高度/寬度，則不應設置包含圖像的div的高度/寬度。 – Nivas

我看到你的問題，並從它的格式中獲得樂趣。你想要獲得保管人徽章（至少完成一項審查任務，每個審查類型頒發一次此徽章），因此請在頁面頂部查看您的姓名，點擊評論。 –

@amink Thanks.will試試吧:) – Kamyar

，只需提供您的包裝100%寬度和高度：

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

2012-09-08 20:14:51 Daedalus

像這樣

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

2012-09-08 20:16:49

回答