内联框和原子内联框之间的区别

Question

请考虑以下代码：

<div></div>

div{
    display: inline-block;
}

div块现在是生成原子内联级别框。如spec. 9.2.2

中所述

  

非内联框的内联级框（例如已替换   内联级元素，内联块元素和内联表   因为它们，所以称为原子内联级别的盒子   参与其内联格式化上下文作为单个不透明框。

在这种情况下，'不透明'是什么意思？内联框是否作为透明框参与了内联格式化上下文？

所以我对原子内联级框和内联框之间有什么区别感兴趣？

Answer 1

事实上。参考Visual Formatting Model

<p>Some <em>emphasized</em> text</p>

  

匿名内联框从其中继承可继承的属性   阻止父框。非继承属性具有初始值。   在示例中，将继承匿名内联框的颜色   来自P，但背景是透明的