ドキュメントの CSS flow_html/css_WEB-ITnose

Q:ドキュメントフローとは何ですか?

A: 簡単に言えば、要素がページ上に表示される順序として理解できます。

Q: ドキュメント フローから離脱するのはどのような状況ですか?

A: 「フローティング」および「絶対位置決め」を使用する場合。

Q: ドキュメントフローから分離すると場所をとらないでしょうか?

A: それは言えますね。より正確に言うと、要素がドキュメント フローから分離された後、他の要素は配置時にその要素を認識していないかのように扱います。2 つの位置が重なっても問題ありません。

Q: ドキュメント フローから切り離すということは、要素が DOM ツリーから切り離されることを意味しますか?

A: いいえ、ブラウザの要素の検査を使用すると、ドキュメント フローの外にある要素 (たとえば、フロート要素) が DOM ツリーに引き続き表示されることを確認できます。

float を使用してドキュメント フローから離れる場合、他のボックスはこの要素を無視しますが、他のボックス内のテキストは依然としてこの要素のためのスペースを確保し、それを囲むことに注意してください。ドキュメント フローから切り離すために絶対配置を使用する要素の場合、他のボックスおよび他のボックス内のテキストはそれを無視します。