带图像的 Div Float [关闭]

【问题标题】：Div Float with Image [closed]带图像的 Div Float [关闭]
【发布时间】：2011-11-14 04:00:38
【问题描述】：

当我浮动一个带有文本的 div 时，它的行为是我想要的，但是当我将图像放入其中时，浮动的行为方式不同，然后图像会下降一行。这是为什么？

【问题讨论】：

【解决方案1】：

从我的最爱中挖掘这些，因为它们过去曾帮助过我。 Galchen 是对的 - 我们需要一些标记/CSS 来更好地理解您的问题。

如果将图像设置为样式中的块元素，图像可能会下降 - 这会这样做。

【讨论】：

【解决方案2】：

如果您希望文本位于 img 的右侧，请将图像放在文本之前。确保文本流向 img 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>

【讨论】：