块级元素是 IFC 的“温床”。
- 包含关系: IFC 不能独立存在,它必须建立在一个块级容器内部。
- 匿名块框 (Anonymous Block Boxes): 如果一个块级元素(如
<div>)同时包含块级子元素(如<p>)和行内子元素(如一段纯文本),CSS 会自动创建一个“匿名块框”把纯文本包起来。- 这时,
<div>内部整体表现为 BFC。 - 但在那个“匿名块框”内部,则运行着 IFC 的规则。
- 这时,
块级元素是 IFC 的“温床”。
<div>)同时包含块级子元素(如 <p>)和行内子元素(如一段纯文本),CSS 会自动创建一个“匿名块框”把纯文本包起来。
<div> 内部整体表现为 BFC。