css: définit la largeur de l'image à l'intérieur du paragraphe avec une largeur spécifique?

Question

hey les gars, d'une manière ou d'une autre je ne peux pas trouver la solution pour mon petit problème. J'ai un paramètre de paragraphe avec une largeur maximale de 630px. Dans certains cas, j'ai des images dans l'un de ces paragraphes - et dans ce cas, je veux que l'image agisse normalement -> sans aucun paramètre de largeur maximale.

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

Est-il même possible que l'image soit plus grande que le paramètre de largeur maximale défini par son parent? Dois-je utiliser javascript (jquery)?

nous vous remercions de votre aide.

Answer 1

Sauf si vous modifiez la largeur de l'image d'une autre manière, tant que vous ne faites rien à l'image, elle s'affichera en taille réelle.

Voir ici: http://jsfiddle.net/WrfQQ/

Je ne me dérangeait pas de déclarer une CSS pour l'image, il, par défaut, sera affiché en taille réelle. (S'il vous plaît noter, pour le plaisir de tester j'ai diminué la largeur de la p à 100px)

Answer 2

Comme je peux voir le problème est que vous mettez une largeur MAX à l'img ... vous devez coder la largeur relative ... donc:

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

si vous voulez en jQuery le code est le suivant:

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