floatを含むブロック

質問

左側にブロック要素を置いて、テキストが右側に回り込むようにしたくて、以下のようなHTMLを書いてみたのですが・・回り込むテキストが少ないと、左に寄せたブロックが、親ブロックからはみ出してしまいます。
float:leftがついているブロックが、親のブロックからはみ出さないようにする方法は、ないでしょうか？

<div style="background-color:orange">
　　ブロック１<br/>
　　<div style="width:150px; float:left; background-color:pink">
　　　　ブロック２<br/>
　　　　：<br/>
　　　　：<br/>
　　　　：
　　</div>
　　ブロック１
</div>

回答No.1

steel_gray · ベストアンサー

フロートを解除してやるといいかと。
（ちゃんと見てないので、「追加」の場所は違うかも。）

<div style="background-color:orange">
　　ブロック１<br/>
　　<div style="width:150px; float:left; background-color:pink">
　　　　ブロック２<br/>
　　　　：<br/>
　　　　：<br/>
　　　　：
　　</div>
　　ブロック１
<br style="clear:both;" />　「← 追加」
</div>

お礼

このままでは変化がなかったのですが、<br style="clear:both"/>の後ろに<span></span>で、大きさのないインライン要素を入れてやると、期待通りになりました。
ありがとうございました！