CSS通过向旧添加像素来替换值

Question

我有：

#mydiv { height: 100px; }

我想通过替换更改高度，但我必须添加例如50 px

#mydiv { height: OLD_VALUE + 50px; }

没有js可以吗？

Answer 1

你不能 - CSS没有任何关于此的概念。虽然你可以做一些像使用CSS3变量和calc这样的事情，但它需要原始的CSS文件才能使用这些变量。

第一档：

:root {
    var-height: 100px;
}

#myDiv {
    height: var(height);
}

您的档案：

#myDiv {
    height: calc(var(height) + 50px);
}

最好/典型的方法是通过Javascript或SASS之类的方式来做。

Answer 2

我不这么认为。你必须使用JS。 但您可以使用margin或padding来增加某个方向的距离 附：在JS中，您可以使用+=50px作为

Answer 3

您可以使用CSS3 calc，但需要wary of support