CSS3 Box，如何使用盒子屬性將div內的圖像加固

Question

是的！我確實搜索了相關的問題，因爲它似乎是一個簡單的問題！然而，其他主題給出的解決方案並不能解決我的問題！

使用填充divs的區域（CSS3 Box）。多行與多個div
每個div都得到自己的圖片，需要拉伸以適應div的寬度和高度！ （無論什麼分辨率）。

目前只有寬度拉伸的作品。高度拉伸似乎將其拉伸到所有行上。

Fiddle給你看你們http://jsfiddle.net/h2Ya8/32/

任何解決方案？

Answer 1

我不知道這是否是你要找的是什麼，但加入

.product { 
    position:relative; 

和

.product img{ 
    width:100%; 
    height:100%; 
    position:absolute; 
    bottom:0; right:0; 
} 

似乎迫使圖像寬度/容器的高度。

檢查demo。

你需要保持比例嗎？