transform: scale() + 负 margin 可消除 blur() 白边：scale 放大使模糊溢出部分纳入父容器可视区，负 margin 将视觉位置复位，边缘被父容器自然遮盖；需同时应用，且适配不同 blur 值经验配比。
filter: blur() 本身不改变元素尺寸，但会扩大渲染区域——通常向外扩展约 blur() 值的两倍。超出原始盒模型的部分若没被截断或覆盖，就会漏出透明画布底色，在浅色背景下表现为“白边”。
为什么transform: scale() + margin负值能压住白边
放大内容后，模糊溢出部分被“撑”进父容器可视范围内；再用负 margin 把视觉位置拉回原位，让边缘自然被父容器边界遮盖，不依赖 overflow: hidden 裁剪。
-
scale(1.05)是常见起点：4px 模糊用 1.03～1.05，10px 模糊建议 1.08～1.1，再大容易失真 -
margin取值不是公式推导，而是经验补偿：比如blur(6px)配margin: -3px，blur(12px)配margin: -6px左右 - 必须同时作用于同一元素：只加
scale不加margin会导致整体偏移；只加margin不加scale则白边仍在 - 该方案对
position: absolute子元素友好，不会像overflow: hidden那样意外裁掉它们
transform: scale() 的兼容性与性能注意点
所有现代浏览器都支持 transform: scale()，包括 Safari 和旧版 Edge，但要注意两点：
- Safari 对高倍
scale（如 >1.15）+ 大blur组合偶有重绘撕裂，可加transform: translateZ(0)或will-change: transform触发硬件加速 - 放大会轻微影响文字/图标清晰度，尤其在 DPR=2 设备上；若内容含小字号文本，建议先测
scale(1.03)+margin: -1px - 不要对动画中频繁变化的元素叠加此组合，
scale+filter双重合成开销较高，可能触发每帧重绘
和 overflow: hidden 方案比，什么情况下必须选 scale + margin
当你遇到这些情况时，overflow: hidden 就不可行，scale + margin 成为实际首选：
立即学习“前端免费学习笔记（深入）”；
- 模糊元素内部有
position: absolute子元素且需伸出容器（比如下拉菜单、气泡提示） - 父容器本身已有滚动或需要保持
overflow: auto行为 - 使用了
backdrop-filter或多层filter，overflow: hidden会干扰层级合成 - 在 iOS Safari 中发现
overflow: hidden+blur()偶发闪烁，而scale更稳定
真正难调的是 blur 值和 scale/margin 的匹配关系——它不是线性函数，不同设备像素比、不同模糊强度下，-2px 在一台机器上刚好，在另一台可能还差 0.5px。建议把 blur 值写成 CSS 变量，配合 DevTools 实时拖动调试。
