CSS 高频追问 Q&A

1. Q: BFC 的核心作用？

A: 解决外边距折叠、包裹浮动、隔离布局影响。

2. Q: position: absolute 的参照物是什么？

A: 最近的非 static 定位祖先，否则是初始包含块。

3. Q: Flex 和 Grid 怎么选？

A: 一维布局优先 Flex，二维复杂布局优先 Grid。

4. Q: 回流和重绘区别？

A: 回流会触发布局计算，代价更高；重绘只更新外观。

5. Q: 常见性能优化？

A: 减少深层选择器、避免频繁改布局属性、优先 transform/opacity。