Как сделать растягивание блока в низ при float:left элементе?

Question

[rstrst]

Использую bootstrap и такой код:

<div class="well well-sm" id="comment<!--%COM_SCROLLSPY%-->">
	<div class="pull-right">
		<a href="#comment_form" onclick="insertTextAtCursor(document.getElementById('comment_form'), '<!--%COM_ID_USER%-->, ')" title='Ответить'>@</a> 
		<!--%C_DATE%--> <a href="#comment<!--%COM_SCROLLSPY%-->">#<!--%COM_SCROLLSPY%--></a>
	</div>
	<div class="pull-left" id="comment_avatar">
		<a href="/profile/<!--%COM_USERID%-->/"><img src="/images/uploads/<!--%USER_AVATAR3%-->" class="img-thumbnail"></a>
	</div>
	<strong><!--%USERNAME%--></strong> 
	<br/>
	<!--%MESSAGE%-->
</div>

Выглядит вот так:

Answer 1

[Сергей ZSA]

Проблема с default изображениями я так понял. Это естественно, кто будет clear: both; ставить после всех float?

Comments

[rstrst]

Проблемы с любым изображением которое "вылезает" из div class="well well-sm" не растягивая его. По поводу после обоих элементов почему-то не работает...

[rstrst]

Написал код, а он не отабразился. По поводу style="both:clear;" после обоих элементов почему-то не работает... *

[Сергей ZSA]

rstrst: Ну это понятно, что с любым изображением, просто на скрине default были. Ссылка на сайт есть?

[rstrst]

Сергей Зубов: Не думал что можно кидать ссылки на проекты. https://rstblog.ru/blog/7#comment67

[Сергей ZSA]

rstrst: Жесть какая-то. Почему у вас в коде идет всё на столько криво? В середине всё без float, то, что выше идет с float: right; а то что ниже с float: left; Мы читаем все слева направо, так и делайте таким же образом. Верхний блок с float: left; середина с текстом и float: right; в конце. Ваше конечно дело, как всё писать, но это далеко не лучший пример.

По поводу решения проблемы - после текста сразу добавил прямо перед закрывающим div от id="comment69" и всё встало ровно.

[rstrst]

Спасибо за помощь. В итоге получается что я сам накосячил.