爲什麼子元素<img />不包含在父div的寬度和高度？

Question

大家我試試下面的CSS樣式：

.image{ 
     position: absolute; 
     width: 100px; 
     height:100px; 
     padding: 5px; 
     margin: 0; 
     background-color:green; 
    } 
    <div class="image"> 
     <img src="http://www.wallpapersgo.com/wp-content/uploads/2010/02/Dodge-Charger-Car.jpg"/> 
    </div> 

的問題是，放映的圖像是相同的大小，因爲它是，但不是在一個預期大小爲100像素* 100像素。 新鮮的CSS風格，需要幫助，thx！

Answer 1

用途：

.image{ 
     position: absolute; 
     width: 100px; 
     height:100px; 
     padding: 5px; 
     margin: 0; 
     background-color:green; 
    } 

.image img {  
     width: inherit; 
     height:inherit; 
    } 

Answer 2

只需添加

.image img{ 
    height: 100%; 
    width: 100%; 
} 

http://jsfiddle.net/p67dh/

這是因爲你的形象不會自動使用父元素的大小。