非常に基本的なブラウザレイアウトロジックを理解しようとしていますが、インライン要素、ブロック要素、およびフロートを記述するだけで、非常に高いレベルでも正確なものをまとめるのに問題があります。これらの用語を定義せずに、「通常のフロー」のようないくつかの記事で使用されているフレーズを目にします。だから私はレイアウトロジックの非常に短い、不完全な説明を突き刺しました。誰かがそれが正しいかどうか、またはこの高レベルでもエラーがあるかどうかを確認できますか？ご協力いただきありがとうございます！
- 次のhtml要素を取得します。
- インライン要素の場合は3に進みます。ブロック要素の場合は、4に進みます。
- インライン要素を現在のインライン要素スタックに追加します。スタックが使用可能な水平方向のスペースをオーバーフローした場合は、行を書き出します。1に移動します。
- 要素がフロートしている場合は5に進み、そうでない場合は6に進みます。
- 左にフロートしている場合は、左のフロートスタックに追加します。右にフロートしている場合は、右のフロートスタックに追加します。1に移動します。
- 左側のフロートスタック、インライン要素スタック、および右側のフロートスタックを書き出して、新しい行を開始します。最後に改行を入れてブロック要素を書き出します。1に移動します。