将两个图像直接向下浮动，但不会将文本向下推送

Question

如何将两个图像向右或向下浮动，而不会将我的文本向左推下？

Answer 1

您可能不想浮动这两个图像，因为它们会彼此相邻。你想要做的是将两个图像放在一个div中并浮动div。喜欢的东西...

HTML

<div id="container"> 
    <div id="floated-imgs"> 
     <img src="img1"> 
     <img src="img2"> 
    </div> 
    Text, content and whatnot. 

</div> 

CSS

#container { overflow: hidden; } 
#floated-imgs { float: right; } 
#floated-imgs img {display: block; } 

例子：http://jsfiddle.net/PQChY/

Answer 2

把这两样IMGS一个div内浮动该专区。

<div id="img"> 
    <img src="..."> 
    <img src="..."> 
</div> 
<p>Lorem ipsum dolor...</p> 

而且

#img { 
    float: right; 
} 

http://jsfiddle.net/buA2g/