css：在具有特定寬度的段落內設置圖像寬度？

Question

嘿傢伙， 不知何故，我無法找到我的小問題的解決方案。 我有一個最大寬度爲630px的段落設置。 在某些情況下，我在這些段落之一中有圖像 - 在這種情況下，我希望圖像正常工作 - >沒有任何最大寬度設置。

.post-body p { 
    width:99%; 
    max-width: 630px; 
} 
.post-body p img{ 
    max-width:100% !important; 
} 

它甚至可以讓圖像大於設置爲父級的最大寬度設置嗎？我需要使用JavaScript（jQuery）嗎？

謝謝你的幫助。

Answer 1

除非以其他方式修改圖像寬度，否則只要您不對圖像執行任何操作，它將以全尺寸顯示。

在這裏看到：http://jsfiddle.net/WrfQQ/

我沒有理會聲明任何CSS的形象，所以，在默認情況下，將在全尺寸顯示。 （請注意，爲了測試，我將p的寬度減小到100px）

Answer 2

正如我所看到的問題是，您將最大寬度設置爲img ...您必須編碼相對寬度...所以：

.post-body p img{ 
position: relative; 
width: 100%; 
} 

如果你想在jQuery中的代碼是以下：

$('.post-body p img').width() == $('.post-body p').width();