BFC 解决哪些布局问题，什么时候用 flow-root？
参考答案
块级格式化上下文是部分块布局与浮动相互作用的区域。建立新的 BFC 可以包含内部浮动、限制与外部浮动的重叠，并影响跨边界的外边距折叠行为。
display: flow-root 可以较直接地创建独立块格式化上下文，适合清理历史浮动布局。overflow 的某些取值也可能建立 BFC，但同时引入裁剪或滚动副作用，不应只为了清浮动机械使用 overflow:hidden。
BFC 不是所有居中、层叠和间距问题的通用答案。Flex 和 Grid 建立不同的格式化上下文，也有各自布局规则。新布局优先选择适合的布局模型，再判断是否需要独立格式化上下文。