HTML, CSS, flottant des marges d'image?

Quand j'ai le code comme ceci:HTML, CSS, flottant des marges d'image?

<p> 
    Some long text 
    <img src="src" style="float: right" /> 
    the rest of the text 
</p>

Je reçois les étranges zones rouges ci-dessous. Comment éviter cela? Les deux p et img n'ont pas de marge et paddings (dans l'image ci-dessus img a 5 px gauche et la marge inférieure).

Image Float Problem

Source

2010-11-29 fomicz

À court de voir le reste de la CSS, je ne peux pas vraiment aider. Mais peut-être devriez-vous essayer de définir explicitement 'margin: 0px; padding: 0px; 'là? –

Je crois que c'est un comportement par défaut étrange. Img n'a pas de marges et de rembourrages, tout comme le paragraphe. Même si le paragraphe aura des marges et des paddings, il devrait affecter le texte et l'image, car ils font partie du paragraphe ensemble. – fomicz

avez-vous essayé avec ce –

Pour la première zone rouge, je ne sais pas ce qui se passe sans voir le code HTML complet et CSS. La deuxième zone rouge (sous l'image) ne peut pas être supprimée. Votre navigateur ne peut positionner aucun texte assez près de l'image, il laisse donc cet espace à la place.

Source

2010-11-29 13:42:07 You

Les éléments flottants sont automatiquement des éléments de bloc. – alex

HTML, CSS, flottant des marges d'image?

Répondre

Questions connexes