disculpen mi ignorancia que sería un BFC?

BFC, Block Format Context o Contexto de formato de bloque, es parte del renderizado CSS visual de la página web.

Un BFC es creado por uno de los siguientes casos:

• El elemento raiz o algo que lo contiene
• flotantes (elementos donde float es diferente de none)
• elementos con posición absoluta (elementos donde position es absolute o fixed)
• bloques en línea (elementos con display: inline-block)
• Celdas de tabla (elementos con display: table-cell, que es la propiedad por defecto de las celdas de una tabla HTML)
• subtítulos de tabla (elementos con display: table-caption, que es la propiedad por defecto de los subtítulos de tablas HTML) elementos donde overflow tiene un valor distinto a visible
• cajas flexibles (elementos con display: flex or inline-flex)

Puedes revisar más al respecto en el siguiente enlace. https://developer.mozilla.org/es/docs/Web/Guide/CSS/Block_formatting_context