Html 为什么具有空内联块的div具有高度？

div{
背景：红色；
}

---

行高

仅适用于元素内有实际行的情况，在您的情况下，

由于未使用任何文本填充元素，因此

div

不会展开

如果要将span保留为空，请尝试指定

高度

或将

边距

添加到

span

，如下所示：

div{
背景：红色；
}
跨度{
显示：内联块；
边缘：1米；
}

但是，当跨度显示为“内联”时，为什么div的高度为0

不是100%正确，因为如果跨度至少有一个字符，则高度将不同于0。即使是不可见的零宽度空间：

div{
背景：红色；
}

---

​当span为“inline block”且其中没有任何内容时，为什么父div具有height？这似乎是将其放入编辑器的结果。在普通页面上尝试一下，对我很有用。