2011-09-18 2 views
1

を浮かべ。質問は、私はあなたが上の例を見ることができる私はFLOATEDコンテナを持っており、いくつかは、一つの非浮かべ子</p> <p>以外の子divを浮かべ浮かべdivの例、で遊んでた子のdiv

http://jsfiddle.net/emeRJ/7/

今私は行動を理解したかったか、この非浮かべ子のdivのレンダリング...

2の質問:あなたはそれが現在のレンダリング方法を

  1. を説明してもらえますそれがすべての子divの後にコード化されている場合、それはどのような違いがありますか(つまり、最後の子要素です)。

  2. コンテナをオーバーフローとして作成すると、浮動小数点の子にも影響があります:隠されていますか?

答えて

2

回答1

現時点で未浮上div右赤い境界との上部には、blockを表示しているので、それの全体の幅はdivを含んだ及びます。あなたはdivs浮かべ、他方は非浮い1に影響します含むdivの最後の位置に移動した場合、それが含む要素

に他のdivsに影響されないので、あなたは、フロートと場所をクリアした(clear: both;に必要フロートされたdivsdiv浮動小数点)はCSSとなります。浮動小数点の浮動小数点数に含まれるテキストは、浮動小数点数を浮動小数点数に変換します(これは現時点ではありません。テキストの長さが十分ではありません)。それがあなたが達成しようとしているものでない限り?何が実際にoverflow: hidden;

に設定されます含むdivをオーバーフローされていないとして、それは何の違いを作るべきではありません

回答2

が、これは答えのために

+0

Thxを多くのことができます願っています...しかし、あなたがより簡単な言葉で詳細を提供して、私が理解できるようにすることができれば本当に素晴らしいことでしょう...また、2つの別個の部品/クスがあります。 – testndtv

+0

それはもっと良いですか? –

+1

これは、この特定の例ではどうなるのかを非常に簡潔に説明しています...浮動小数点の仕組みを理解できない場合は、[この記事](http://phrogz.net/css/understandingfloats.html)をお読みください。 )より深い説明があります。 – sg3s