You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

calc函数混合rem与px使用失效?Chrome下CSS报错咨询

问题解决:calc表达式无效的原因及修复
  • 问题根源:你的calc(24rem-13px)写法错误,减号(-)前后必须添加空格。CSS的calc语法要求运算符(+、-、*、/)前后必须有空格,否则浏览器会把24rem-13px识别成一个非法的复合单位,直接忽略该样式。
  • 修复后的代码:
    max-width: calc(24rem - 13px);
    
  • 补充说明:calc本身完全支持rem、px等不同单位混合运算,最新版Chrome完全能正常解析。之前移除px部分样式有效,是因为calc(24rem)符合语法(其实也可以简化成24rem),但混合单位时必须严格遵守运算符前后加空格的规则。

内容的提问来源于stack exchange,提问作者vijayst

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 14:24:18