仅清除多个浮动项目中的一个

Question

我有一个布局，其中有两个项目向右浮动，另一个项目向左浮动。在我之间我希望有一个div只清除右浮动项目的第二个。

E.g。我有一个布局，其中div浮动到页面右侧，然后是左侧的浮动图像，右侧是另一个浮动图像。我想只清除右侧浮动的图像，而不清除整个div。

有没有办法只清除右边的一个浮动项目。请参阅http://www.davidapfel.com/testimonials.html，我想将图像放得更高，然后在浮动图像下方放置一个div，但在右边的栏旁边。

有没有办法做到这一点，或任何其他简单的方法来实现这一点，也许没有使用浮动？

非常感谢

Answer 1

这样的东西？

JS Fiddle

<强> HTML

<img height=200 src='/img/top-bg.png' />
<div id='container'>
    <img height=100 src='/img/top-bg.png' /><br />
    my text
</div>

<强> CSS

img{
    float:left;
    width:30px;
    margin-right:10px;
}
#container {
    float:left;
}
#container br{
    clear:left;
}

它不涉及嵌套div，只是一个让br无法清除第二张图片。

Answer 2

将div中浮动的图像包裹在右边，然后将div浮动到右边而不是图像，然后你可以添加clear：right;到您的div类并根据需要填充。

你也可以浮动你的h2标签，或者让它显示：inline-block，这样你就可以将你的右侧图像向上移动一点，而h2正在穿过页面推动所有内容。