浮動IMG調整大小百分比

Question

我試圖調整與容器成比例的img。 IMG左轉，並且有一段包裹它。

HTML：

<div> 
<img src="picture.png"> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum venenatis  libero, eu egestas elit laoreet nec. Donec in nunc dictum nunc luctus eleifend sagittis id augue.</p> 
</div>​ 

CSS：

div { 
    width: 80%; 
} 
img { 
    max-width: 100%; 
    float: left; 
    margin: 0 10px 10px 0; 
} 

圖像得到調整，只有當左格邊界擊中圖像和段落完全婁的IMG。我想調整img，只要div調整大小。我知道我可以把img放在一個包裝div中，並給它一個百分比寬度，但如果可能的話，我想要一個更清晰的解決方案。

的jsfiddle：http://jsfiddle.net/989uX/

Answer 1

'最大寬度' CSS屬性設置IMG元素的最大含量寬度。換句話說，即使設置更大的寬度，該元素也不會變寬。 如果你想重新調整元素的大小，你應該使用'width'屬性而不是'max-width'。該屬性也接受百分比值（如上面提到的Passerby）。請注意，元素的百分比值是指包含塊的寬度。