圖像擴大比父div更大

Question

我有一個包含圖像的div。我希望圖像可以用div來調整大小，但我不希望圖像的高度大於480像素。我將發佈我下面的內容。它正確調整div的大小，但它不服從最大高度。如果我將mx高度移動到它所做的img css，但它不會調整大小。我確定它很簡單，但我似乎無法得到它。

.feature_image {  
    max-height:480px 
} 

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

這裏是HTML

<div class="feature_image"> 
     <img src="img/main-featured-image.png"/> 
    </div> 

Answer 1

你不僅需要指定最大高度;但也爲了使用高度100％的圖像高度！ :) CSS不知道什麼是100％的繼承。我希望你明白。

.feature_image {  
    max-height:480px; 
    height: 480px; 
} 

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

Answer 2

你試過把display:block？

完全CSS看起來像：

.feature_image img {height: 100%; width: 100%; display:block;} 

Answer 3

您需要的寬度：汽車;

.feature_image img{ 

    max-height:480px; 
    width: auto; 
} 

http://jsfiddle.net/8qLeE/51/