CSS フローレイアウト

ここへジャンプ:

通常フロー (Normal Flow) 、又はフローレイアウトは、ブロック要素やインライン要素がレイアウトに変更が与えられる前にページに表示される方法です。インライン要素はインライン方向、つまり文書の書字方向に従って、文の中で言葉が表示される方向に表示されます。ブロック要素は文書の書字方向の中で、段落として一つが他の物の後に表示されます。従って英語では、インライン要素は左から始まり、一つが他の物の後に表示され、ブロック要素は上から始まり、ページの下に向かいます。

基本的な例

以下の例はブロック及びインラインレベルボックスの例を示します。緑色の枠線がある二つの要素がブロックレベルで、他の物の下に表示されます。

最初の文は青い背景をもつ span 要素を含んでいます。これはインラインレベルで、文の中に表示されます。

リファレンス

用語集の記事

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,