“元素如何影响父元素高度？

行内元素为何影响父级元素高度？

如果你曾遇见过一个 元素对其父元素的高度造成影响的情况，那么以下解释可能会让你茅塞顿开。

当 的 display 设置为 inline-block 时，它将创建一个布局格式化上下文 (BFC)。在 BFC 中，元素会被视为块级元素，并拥有自己的高度和宽度。

然而，当 的 display 设置为 inline 时，它不会创建 BFC。相反，它将被视为内联元素，根据其内容的大小来确定高度。

在这种情况下，由于 是空的，因此它没有任何内容。因此，它的高度为零，而父元素的高度也变为零。这是因为内联元素不会影响其父元素的高度。