浏览器如何遍历DOM树以应用正确的样式？

Question

当我考虑拥有flex-basis: auto时flexbox的工作原理时，出现了这个问题。

根据我的理解，浏览器必须知道孩子的尺寸，他们可能还需要获取孩子的尺寸，依此类推。

我的猜测是浏览器以适当的尺寸遍历树后以应用正确的样式。

在某些情况下，我认为浏览器不知道flexbox容器的尺寸，因此它会将增大或缩小的数量委托给父元素。但是这些都是我做的假设。看到一些合理的解释会很酷。