如何在CSS calc()中实现反向百分比/无单位计算？

你需要的反向百分比计算可以通过合法的calc()语法直接实现，核心是理解CSS中calc()的运算规则：

• 正确写法：calc(100% / 0.65)
• 这个表达式会动态计算出(1 / 0.65) * 100%的结果，也就是你需要的~153.85%

为什么之前的写法无效？ #

你尝试的calc(100% / 65%)语法错误，原因是两个带百分比单位的数值相除后，会得到一个无单位的纯数值，而width/height属性要求必须是带单位的长度值，因此浏览器会判定该表达式无效。

示例代码 #

.target-element {
  width: calc(100% / 0.65);
  height: calc(100% / 0.65);
}

内容的提问来源于stack exchange，提问作者Danny Beckett