css - CSSはフロートを内部的にどのように扱いますか？

Question

絶対に配置された（親コンテナを参照して）ブロックレベルの要素と見なされますか？

Answer 1

float要素は通常のフローから取得され、コンテナの左側または右側に沿って配置されます。ここで、テキスト要素とインライン要素がその周りを折り返します。

ソース：https ：//developer.mozilla.org/en-US/docs/CSS/float

したがって、配置された要素とは異なります：https ://developer.mozilla.org/en-US/docs/CSS/position

Answer 2

あなたは部分的に正しいです、float要素は新しいブロックフォーマットコンテキストを作成し、絶対位置要素と同じようにドキュメントフローから削除されます。

ただし、左にフロートされた要素は、その親要素の左端に配置され、ブロック要素として扱われます（幅と下/上マージンを持つことができます）。他のコンテンツは要素から直接流れます（その寸法を尊重します）。フロート右に類似しています。これが絶対要素との違いです。

絶対的に配置された要素は、静的以外の位置を持つ最初の祖先に基づいて配置されます。

いくつかの意味合いがあり、w3c仕様で読むことができます。

通常の要素フローから取り出されるために絶対位置に配置された要素と同様に、親は「崩壊」するため、フロートをクリアするかoverflow、親でプロパティを宣言する必要があります。