图像向右浮动，在HTML结构中比在段落中的文本更进一步

如果我把一个图像放在文本之前，我只需要设置图像宽度，

float:right

，文本就会很好地环绕它

<p> </p>
<p> </p>
<p> </p>

<img src="">

但当我把图像放在文本后面时，它会向右浮动，但在段落下面。我试图将所有段落放在div中并设置宽度，但如果这样做，图像就在文本旁边，文本就不会环绕它

<p> </p>
<p> </p>
<p> </p>

<img src="">

如果将此图像放在HTML结构的较低位置，有没有办法使其正确浮动

编辑： 我希望它看起来像这样：

---

问题是，当图像位于HTML结构中的文本之下时，如何实现同样的效果。我试过其中一个答案，但不起作用：

将段落设置为float:left

在这两种情况下，你的问题看起来都是在试图以错误的方式做事

问题1-如果将此图像放在HTML结构的较低位置，有没有办法使其正确浮动

答案是否定的，将其置于上方是使其正确浮动的唯一正确方法

问题2-如果没有，如果图像在HTML结构中放在文本之前，是否有任何方法在文本下显示图像

如果您不想将绝对位置添加到图像中，则回答为“否”。因为绝对定位元素可以位于任何位置（上方、下方或..）

---

您需要确保段落和图像都设置为向左浮动。如果您试图在一个页面中多次执行此操作，则需要将它们放在包含div中

.paragraph {
  float: left;
}
.image {
  float: right;
}
.exampleDiv {
  width:100%;
  float: left;
}

---

这正是您想要的，它有点

非传统

，但有效；）

---

它不起作用。我认为这是因为段落没有设置任何宽度。但如果我设置了宽度，它们就不再环绕图像了。你是对的，你需要为你的最后一段设置一个高度（并保持浮动：左），我不明白。设置高度有什么帮助？还可以查看我的编辑，我添加了两个jsfiddle的链接。只需粘贴一些长文本来代替a、b和c：正如我所说，我不能设置宽度，因为文本不会像这样环绕：我尝试过，但似乎不起作用：埃米尔汉·奥兹伦的answear中也有“显示：内联块”，但不起作用。是的，我现在明白了。给我几分钟时间，我将提供一个非常规的方法，使用：before/：after伪类。所以没有希望了/我不这么认为，我在工作中被耽搁了，所以没有太多时间尝试我的想法。我来看看我能快速做出什么。在这里，这有点不合常规，当然这只是一个简单的起点，但它符合你的要求；）我认为就html加载方式而言，不能在文本之后加载img，然后尝试将文本包装在图像下。最好是创建两列。

.wrap {
  text-align: center;
}

.center,
.right {
  display: inline-block;
}
.right {
  float: right;
}