"CSS containment：contain 与 size/layout/paint 的协作"

概述`contain` 通过在尺寸/布局/绘制等维度上限制元素影响范围，减少回流与重绘传播，适合组件封装与性能优化。与 `content-visibility`/`contain-intrinsic-size` 协作效果更佳。示例.card { contain: layout paint; content-visibility: auto; contain-intrinsic-size: 300px } 工程建议边界与封装：为独立组件设置 `contain`；避免全局应用导致可见性与尺寸问题。与懒加载：结合 `content-visibility` 提前计算占位；避免首屏闪烁。兼容与验证：测试不同浏览器下的渲染行为；观测性能改善。参考与验证MDN `contain` 文档：https://developer.mozilla.org/docs/Web/CSS/containweb.dev 相关指南：https://web.dev/articles/content-visibility