Html 带显示块的Div会导致内联块父级偏离直线

我想了解这种奇怪的行为，我有一个div包着另一个div。 父项为“显示内联块”，子项为“显示无”或“内部块”，只要子项为“块”-父项从该行向下移动，请参见下面的示例： 这是“在子对象中显示无”：

这是显示块

添加父级的CSS：

---

有人能解释一下这种行为吗

使用

显示：内联块时，添加
垂直对齐：顶部
当使用
显示：内联块时，添加
垂直对齐：顶部
当使用
显示：内联块时，添加
垂直对齐：顶部
当使用
显示：内联块时，添加
垂直对齐：顶部
显示：块
将元素推到新行。当您说子元素的显示为
none
时，它试图使该元素与其他元素内联。因此，观察到这种行为

显示：块
将元素推到新行。当您说子元素的显示为
none
时，它试图使该元素与其他元素内联。因此，观察到这种行为

显示：块
将元素推到新行。当您说子元素的显示为
none
时，它试图使该元素与其他元素内联。因此，观察到这种行为

显示：块
将元素推到新行。当您说子元素的显示为
none
时，它试图使该元素与其他元素内联。因此，观察到这种行为

将html和css代码放在此处。请提供一些代码或JS文件，以突出显示此问题。您提供的屏幕截图几乎无法帮助您生成子
内联块
。请将您的html和css代码放在此处。请提供一些代码或JS文件以突出显示此问题。您提供的屏幕截图几乎无法帮助您生成子
内联块
。请将您的html和css代码放在此处。请提供一些代码或JS文件以突出显示此问题。您提供的屏幕截图几乎无法帮助您生成子
内联块
。请将您的html和css代码放在此处。请提供一些代码或JS文件以突出显示此问题。您提供的屏幕截图几乎不可能帮助您生成子
内联块
。