CSS 问题索引

最容易被追到的几个口

• 盒模型：content-box、border-box 与尺寸计算
• BFC：块级格式化上下文与普通流隔离
• Flex 与 Grid：一维分配和二维网格如何选型
• 重排、重绘与合成：渲染成本落在什么阶段

真正要连起来的是计算链和渲染链

• 盒模型 -> BFC -> Flex / Grid -> 响应式布局
• 样式变化 -> layout -> paint -> composite

讲 CSS 时最容易飘掉的地方

• 把 BFC 只说成“解决高度塌陷”。
• 把 GPU、重绘、合成混成一层。
• 把布局问题、覆盖问题和渲染成本问题混成同一类“样式问题”。