calc()中下划线“_”无任何功能，报错源于混淆类名、不可见字符或调试误记；其核心是混合单位运算，须遵守空格规则、数字乘除限制及无嵌套要求。
calc() 里用 _ 会直接报错
HTML 或 CSS 里根本不存在用下划线 _ 隐藏元素或触发计算的语法。你看到的所谓“_ 隐藏招”，大概率是混淆了以下几种情况：
一是把 CSS 类名里的下划线（比如 .menu_hidden）误认为功能符号；二是复制粘贴时混入了不可见 Unicode 字符（如 \u200B）；三是调试时在 DevTools 里手动加了带下划线的临时类，结果记混了因果关系。
真正起作用的是 calc() 函数本身，不是下划线。
calc() 做灵活尺寸的关键写法
calc() 的价值在于混合单位运算，比如 px、em、%、vh 之间加减乘除。但必须注意硬性规则：
• 加减号前后必须有空格（calc(100% - 2rem) ✅，calc(100%-2rem) ❌）
• 乘除只能用数字常量，不能用另一单位值（calc(2 * 1rem) ✅，calc(1rem * 1em) ❌）
• 不支持函数嵌套（calc(max(100px, 50%) + 10px) ❌）
• 浏览器兼容性没问题（Chrome 26+/Firefox 16+/Safari 7+），但 IE11 只支持加减，不支持乘除
常见 calc() 实战场景和坑
用 calc() 做响应式留白或动态高度最实用，但容易翻车：
• 固定侧边栏 + 自适应主内容：用 width: calc(100% - 240px)，但若侧边栏用 flex 或 position: fixed，得确认父容器是否撑开，否则计算失效
• 输入框高度适配：设 height: calc(1.5em + 2px) 比直接写 2rem 更贴合行高变化，但要注意 em 是相对父元素字体大小，不是自身
• 全屏减去导航栏：用 height: calc(100vh - 64px)，但 iOS Safari 的 vh 在地址栏收放时会跳变，更稳的是用 100dvh（需检查支持）
• calc() 不能用于 font-size 的媒体查询条件中，也不能在 @keyframes 里动态改变计算值
替代 _ 的真实隐藏/控制手段
如果目标是“隐藏”或“条件性控制尺寸”，该用标准方案：
• 完全隐藏元素：用 display: none（彻底移出渲染树）或 visibility: hidden（占位但不可见）
• 视觉隐藏但保留可访问性：用 position: absolute; left: -9999px 或现代方案 clip-path: inset(100%)
• 条件性尺寸切换：用 @media 查询 + calc() 组合，或 CSS 自定义属性 + calc(var(--gap) * 2)
• JS 动态控制：修改 style.setProperty('--size', '24px') 再让 calc() 读取，比硬编码更灵活
立即学习“前端免费学习笔记（深入）”；
实际项目里，calc() 的威力在边界计算，而不是靠符号障眼法。下划线没魔法，空格、单位、浏览器支持才是真细节。
