Очистить только один из нескольких плавающих предметов

Question

У меня есть макет, в котором два элемента плавают справа, а другой - слева. Между ними я хочу получить div, который очищает только одну секунду от всплывающего справа предмета.

например. У меня есть макет с div с плавающей справа от страницы, затем плавающее изображение слева и еще одно плавающее изображение справа. Я хочу очистить только изображение, которое всплывает справа, но не все div.

Есть ли способ очистить только один из всплывающих пунктов справа. См. http://www.davidapfel.com/testimonials.html, Я хочу поднять изображение выше, а затем поместить div под плавающим изображением, но рядом с полосой справа.

Есть ли способ сделать это или любой другой простой способ сделать это, возможно, без использования float?

Большое спасибо

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, и это позволит вам переместить изображение правой стороны вверх немного больше прямо сейчасперебирая страницу, толкая все вниз.