Почему дочерний элемент <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> 

Проблема заключается в том, показ изображения такой же размер, как она есть, но не в ожидаемом размере как 100px * 100px. свежий в стиле 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/

Это потому, что ваше изображение не использовать автоматически размер родительского элемента.