HTML，CSS，浮动图像边距？

Question

当我有这样的代码时：

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

我得到下面显示的奇怪的红色区域。怎么避免呢？ p和img都没有边距和填充（在上面的图片中img有5 px的左下边距）。

Answer 1

对于第一个红色区域，如果没有看到完整的HTML和CSS，我不知道发生了什么。无法删除第二个红色区域（图像下方）。您的浏览器无法将任何文本放置得足够接近图像，因此它会留下这个空白。