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。第二个红色区域（图像下方）无法移除。您的浏览器无法将任何文本放在足够靠近图像的位置，因此它会留下那个空白。