css: установить ширину изображения внутри абзаца с определенной шириной?

Question

эй ребята, почему-то я не могу найти решение для моей маленькой проблемы. У меня есть установка абзаца с максимальной шириной 630 пикселей. В некоторых случаях у меня есть изображения в одном из этих абзацев - и в этом случае я хочу, чтобы изображение действовало нормально -> без установки максимальной ширины.

.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

Как я вижу, проблема заключается в том, что вы помещаете MAX-ширину в img ... вам нужно закодировать относительную ширину ... так:

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

, если вы хотите его в JQuery код ниже:

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