是否可以在CSS内进行数学运算？

我有jQuery Accorion ID

#accordion和标头类名称中的一些内容.simpleColor。现在，我想给.simpleColor一个计算出的边距。用伪…看起来像这样，

.simpleClass {
    margin-left: ((#accordion.width/2) - (.simpleColor.width/2));
}

我愿意使用其他任何技术（例如javascript）来实现这一目标。

有一个名为calc的CSS函数开始获得很好的支持。语法如下：

width: calc(50% - 100px);

（请注意，运算符周围的空白很重要）

这样可以在CSS中提供真正的动态计算支持。使用预处理器，您只能将静态长度与静态长度组合，并将相对长度与相对长度组合。

从Chrome 19，Firefox 4和IE9开始支持Calc。对该功能的支持还不够广泛，无法广泛使用，但它在不久的将来就不会太遥远，并且值得记住和期待。