将2个图像直接向下浮动到右下方,而不向下推文本

时间:2013-09-16 18:26:08

标签: html css image css-float

如何在不向左推文字的情况下将2张图像向右和彼此直接浮动?

2 个答案:

答案 0 :(得分:4)

你可能不想漂浮两个图像,因为它们会彼此相邻。你想要做的是将两个图像放在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/

答案 1 :(得分:1)

将两个imgs放在div中并浮动该div。

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

#img {
    float: right;
}

http://jsfiddle.net/buA2g/