浮動小数点型の要素の隣にデフォルトで埋め込みがありますか？

Question

I have setup a container and three divs inside. First two are floated and third one is not floated。 （第四のdivはちょうど私の質問に手の込んだために追加される）

I have changed border of first two divs to be transparent to depict it more clearer that thirdDiv is starting right from the firstDiv while placing content of itself ('THIRD') right after secondDiv.

thirdDiv（「THIRD」）の

コンテンツは右secondDiv

後に配置され、あなたはthirdDivが実際に国境を開始しているされていることがわかります最初から右 私の質問は、浮動小数点型（thirdDiv）の横にデフォルトでその方向からのパディングを取得するということですか？私のコードでは155pxであることがわかりました。

Answer 1

いいえ、nonfloated要素は、デフォルトではパディングを得ることはありません。コンテナは浮動小数点のdivの下で開始します。しかし、divの中コンテンツは、フロートを尊重し、右にプッシュされます。あなたは非浮かべコンテナにoverflow:hiddenを適用した場合、それは「自動マージン」、浮いdivを尊重しています。 （これはhere - 左の境界線が表示されます）

EDIT：効果的には、のようなのようなパディングですが、パディングはありません！

Example with overflow hidden。

Example without overflow hidden and no padding

Example without overflow hidden and padding left

国境や余分なテキストの配置に注意してください！

EDIT 2：大きい値が何であるかに応じて、いずれかのあなたのCSSで定義されたパディング、または計算パディング（フロートの幅）が適用されています。どのような場合でも、定義されたパディングと「計算された浮動小数点」が崩壊します！どのブラウザで