css - 从另一个值计算 css 样式值？

Question

我想根据其他值计算一些值。例如:

.my-div {
  width: 50px;
  height: calc(width * 2)
}

这可能吗？

Answer 1

参见 MDN article在 calc

上

这是一个实验性功能，并且是可能的 - 例如:

.my-div {
  width: 50px;
  height: calc(50px * 2);
}

但是在这种情况下，由于宽度是已知的，因此它提供的值(value)很小。

通常在这种情况下，您最好依赖 jQuery(或 vanilla JS)等库。