浏览器布局逻辑概述

Question

我正在尝试理解非常基本的浏览器布局逻辑，但是我很难将即使在非常高级别上准确的东西放在一起，只是描述内联元素，块元素和浮点数。我看到几个文章中使用的短语，如“正常流程”，没有定义这些术语。所以我对布局逻辑的一个非常简短，不完整的描述进行了尝试。有人可以确认它是否正确，或者即使在这个高级别也有错误？谢谢你的帮助！

1. 获取下一个html元素。
2. 如果是内联元素，请转到3.如果是块元素，请转到4.
3. 将内联元素添加到当前内联元素堆栈。如果堆栈溢出可用的水平空间，请写出一行。转到1.
4. 如果元素浮动，请转到5，否则转到6.
5. 如果向左浮动，请添加到左侧浮动堆栈。如果向右浮动，请添加到右侧浮动堆栈。转到1.
6. 写出左浮动堆栈，内联元素堆栈和右浮动堆栈并开始一个新行。在最后用新行写出块元素。转到1.

Answer 1

您没有在列表中提及position，这很重要。

我认为这part of the w3 specification可以帮到你。但您可能希望从beginning开始。