CSS中没有rem()函数，因为rem是长度单位而非计算函数；真正支持数值计算的只有calc()、min()、max()、clamp()，且均不支持取余运算。
rem() 不是 CSS 标准函数，CSS 中没有 rem() 函数用于计算余数。
为什么找不到 rem() 函数
CSS 里 rem 是一个**长度单位**（root em），表示相对于根元素（<html>）字体大小的倍数，和数学运算完全无关。你看到的 rem() 很可能混淆了以下几种情况：
- JavaScript 的
rem()（如某些 polyfill 或自定义工具函数，但非原生） - 预处理器（如 Sass、Less）中误写的自定义函数
- 把 Python/JS 的
Math.rem()（实际也不存在；JS 用%，Python 有math.remainder()）记混到 CSS - 浏览器实验性提案（截至 2024 年，CSS Values and Units Level 5 草案中仍无
rem()运算函数）
CSS 中真正能做数值计算的函数只有 calc()、min()、max()、clamp()
它们都**不支持取余运算**，更不处理“保留被除数符号”的语义（即 IEEE 754 的 remainder() 行为）。例如：
width: calc(17px % 5px); /* ❌ 语法错误：calc 不支持 % 运算符 */
即使你写成：
立即学习“前端免费学习笔记（深入）”；
width: calc(17 / 5); /* ✅ 合法，但结果是 3.4，不是余数 */
也无法得到 2（或带符号的 2），更无法实现类似 Math.remainder(-7, 3) 返回 2（而非 -1）的效果。
如果真需要“带符号余数”逻辑，必须交由 JavaScript 处理
CSS 本身不具备运行时数值分析能力。可行路径只有：
- 在 JS 中计算
Math.remainder(a, b)（ES2020+ 支持），然后将结果写入自定义属性：document.documentElement.style.setProperty('--rem-result', Math.remainder(−7, 3)); - 在 CSS 中通过
calc()引用该变量：left: calc(var(--rem-result) * 1px); - 注意：CSS 自定义属性值是字符串，JS 写入时需确保是纯数字（不含单位），否则
calc()会解析失败
真正容易被忽略的是：CSS 所有计算都是静态、无状态、无分支的——它连 if 都没有，更别说浮点余数的符号规则了。想绕过 JS 实现这个需求，目前没有合法、跨浏览器的方案。
