块级元素在ifc中会发生什么？

Question

例如：

<em><div></div></em>

这样出来的效果是在div的上下产生了两个匿名块级框，<em>产生的ifc被打破了吗？那<em>框里面的三个块级框是处于ifc中还是是由根元素产生的bfc中？

Answer 1

ifc中是不可能有块级元素的，当插入块级元素时（如p中插入div）会产生两个匿名块与div分隔开，即产生两个ifc，每个ifc对外表现为块级元素，与div垂直排列。

供参考：Block formatting context & Inline formatting context(BFC&IFC)