CSS 布局里容易出错的细节，以及我们最终采用的方案

把踩过的坑按顺序写清楚，附上最终采用的方案与代价。

这篇围绕「CSS 布局里容易出错的细节」展开。先把结论放在前面：真正起作用的不是某一个技巧，而是把观测、假设和验证连成一条稳定的链路。

问题是怎么出现的

最初只是几个零散的反馈，指标上看不出明显异常。等到把时间线拼起来，才发现问题一直在，只是被平均数据盖住了。

• 先把口径固定下来，避免同一个指标两套算法
• 再做一次最小复现，把变量压到只剩一个
• 最后用对照实验确认改动确实生效

最后采用的方案

方案不复杂，代价也写在这里：多了一层缓存与一次额外的构建步骤，换来的是稳定可预期的耗时与更短的排障路径。

能被复现的问题才是问题，剩下的都只是猜测。