該文檔指出盒子(兄弟)在內聯布局中一個接一個地分布，

內嵌格式上下文由塊容器框建立 不包含塊級框的。在內嵌格式上下文中， 框水平排列，一個接一個，從 包含塊的頂部。水平邊距、邊框和填充 在這些盒子之間受到尊重。這些框可以垂直對齊 以不同的方式:它們的底部或頂部可能是對齊的，或者 其中的文本基線可以對齊。矩形區域 包含形成一條線的框的盒子稱為線盒。

但是，它在哪里說一個內聯級別的盒子(#child)將被放置在與它的父內聯級別的盒子(#parent)相同的行盒子上？

<div>
  <span id="parent">
    Hi
    <span id="child">Hello</span>
  </span>
</div>

默認情況下，span顯示為內嵌塊，因此當您在其中添加額外的span時，它會自動顯示在同一行中。

這里有一些直觀的例子，可以讓你更好地理解它:

#secondChild{
display: block;
}

<div>
  <span id="parent">
    Hi
    <span id="child">Hello</span>
  </span>
</div>


<div>
  <p id="pParent">
    Hi
    <span id="pChild">Hello</span>
  </p>
</div>


<div>
  <span id="secondParent">
    Hi
    <span id="secondChild">Hello</span>
  </span>
</div>