Div Float with Image

时间:2011-09-09 23:12:42

标签: css html css-float image

当我使用文本浮动div时,行为就是我想要的,但是当我将图像放入其中时,浮动的行为方式不同,然后图像向下移动一行。这是为什么?

2 个答案:

答案 0 :(得分:3)

如果您想要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>

答案 1 :(得分:0)

从我最喜欢的地方挖出这些,因为他们过去曾帮助过我。 Galchen是对的 - 我们需要一些标记/ CSS来更好地理解你的问题。

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

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

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