css计算数字分割

问题在于 calc(2 / 3) 你只会得到一个没有单位的数字。CSS不能将数字显示为宽度。这就像你设置 width: 3

如果你想要这个百分比,你需要将其乘以100%

width: calc(2 / 3 * 100%);

width: calc(2 / 3 * 1px);

使用此选项:

width: calc(100% / 3 * 2);

据我所知,CSS calc不会将分数转换为百分比。

width: calc(200% / 3);

100 将其转换为 %

div{
  background-color: red;
  width: calc( (2/3)*100% );
  
}

<div>yeah</div>

,以及 某个元素的宽度不能是无单位的

例如:

width: calc(100px / 2) // the result will be pixels
width: calc(100% / 2) // the result will be in percentages
width: calc(100 / 2 * 1px) // the result will be in pixels

有一篇很棒的文章解释了 计算() here .