CSS-我可以在Calc()中使用对象的宽度吗?

我想要这样的东西:

height: calc(width + 5px);

这只是一个小例子,但我最终正在寻找一种使用设置宽度作为计算一部分的方法,而不是一种简单的方法来解决该例子。我所做的任何搜索都仅提供有关如何使用 calc()设置宽度的示例。谢谢!

最佳答案

纯CSS可能提供的最接近的功能是将CSS变量与calc结合使用

:root {
	--width: 100px;
}
div {
	border: 1px solid red;
	height: calc(var(--width) + 5px);
	width: var(--width);
}
<div>
test
</div>


这将使您定义CSS变量 --width并使用它来为div计算新高度。