Div浮动与图像

Question

当我用文字浮动div时，它的表现是我想要的，但是当我放入一张图片时，浮动就不再有同样的行为了，然后图片就会下移一行。这是为什么呢？

- RoR

---

你能发布你的代码吗？尝试浮动图片。 - galchen

你的问题描述不够清晰。 - Wex

也许您可以发布代码标记和截图，以帮助我们理解这个问题。完成后，请标记以重新打开。谢谢。 - Kev

Answer 1

如果您想让文本位于图像右侧，请将图像放在文本之前。为了确保文本沿着图像向右流动，使用float:left。

<div  style="float:left;">
<img src="someimg" style="float:left;"/>
<p>Text will pop on right</p>
</div>

如果您想先显示文本再显示图片

<div  style="float:left; width:200px;">
<p style="width:80% float:left;">Text will pop on left</p>
<img src="someimg" style="width:20%"/>
</div>

- Thomas Andreè Wang

Answer 2

我从我的收藏中找到了这些，因为它们在过去帮助了我。Galchen说得对-我们需要一些标记/ CSS来更好地理解您的问题。

如果将图像设置为样式中的块元素，则图像可能会下降-这将导致此情况发生。

http://css.maxdesign.com.au/floatutorial/

http://www.tizag.com/cssT/float.php

- Ryan Ternier