フロートをいつクリアする必要がありますか？

フロートされた要素がいつ必要なのか、それをクリアする必要がないのか、私は疑問があります。フロートをいつクリアする必要がありますか？

<div> 
    <div style="float:right"> 
     <a href="#">Delete Destination</a> 
    </div> 
    Unfloated text here. 
</div>

これは私が浮いてコンテンツをクリアすることはありませんが、正常に動作するようです：

は、次のマークアップを考えてみましょう。このマークアップには潜在的な問題がありますか？

http://gtwebdev.com/workshop/floats/enclosing-floats.php – Jawad

http://www.quirksmode.org/css/clearing.html – Jawad

テキストを消去すると、削除先の下に移動します。

参考：あなたは次の行に移動するために必要なときには、学生時代https://developer.mozilla.org/en/CSS/clear

2011-07-06 18:12:59 jack

よろしいですか。だからあなたは私がやっていることに何の問題も見ませんか？ –

どのような問題がありますか？あなたのテキストは、浮動小数点divが使用していないスペースを使い切ります。残りのテキストは次の行に移動します。 – jack

わかりません。私はフロートスタイルを設定しています。私はそれがスタイルが発生する要素に限られていると思う。なんらかの理由で、私は浮きが明確にクリアされなければならないということを私の頭の中に持っていました。 –

を覚えていますか？

次の行に移動したいときはいつでも、フロートをクリアする必要があります。しかし、CSSとブラウザの世界の違いは、次の行が500pxダウンする可能性があります:)。同じ行に要素が残っている場合は常に、浮動小数点数をクリアしないでください。

これはもちろん基本的な説明です。私がもっと助けることができるかどうか教えてください。

2011-07-06 18:13:31

。素晴らしいアナロジー！ – Jawad

答えて