In CSS section, the answer says "A BFC is an HTML box that satisfies at least one of the following conditions: ... The value of display is table-cell, table-caption, inline-block, flex, or inline-flex."

display flex create a newflex formatting context, notblock formatting context. Only flex items (its children) create new BFC.