浮動オブジェクトを1つだけクリアするには?

浮き沈みについての質問。 ここではフィドルです。 赤いオブジェクトの下にテキストを表示させるにはどうすればよいですか? clear:left を使用すると、黒いオブジェクトの下にテキストが表示されます。これは、赤いオブジェクトよりも高さが高いためです。 フロートとクリアのみを使用して私が探している外観を得ることは可能ですか?

0
追加された 編集された
ビュー: 1
私は、あなたが浮動した <div> の両方でそれらをラップすることで実現できると言っている段階にありました。
追加された 著者 Russ Cam,
私はもうちょっと遊んだところで、赤いオブジェクトとテキストを別のdivにラップすることでこれを行うことができることを知ったので、 this をクリックします。あなたは質問をした直後に自分自身で答えをどうやって得るのかおかしい。 :D答えとして追加できないので、ここにコメントがあります。
追加された 著者 rlesko,

2 答え

I think you are wrong on wrong design. This is the new jsfiddle

<div id="blue">
    <div id="black"></div>
    <div id="new">      
        <div id="red"></div>
         

TEXT

    </div>
</div>

新しいdivフロートを左にする

#new{width:200px;float:left}
1
追加された
ありがとうございますが、それぞれ float:leftclear:leftredh2
追加された 著者 rlesko,

red divの後に h2 タグを置く必要があります。 h2 から clear:left を削除することができます:)

http://jsfiddle.net/XqLFX/

1
追加された
ええ、私はあなたの助けを借りて、質問をした後すぐに自分自身を得ました...
追加された 著者 rlesko,