CSS - 屏幕大小减去常数

Question

是否有可能以某种方式计算元素的大小作为基本数学表达式？ e.g：

.wideColumn{max-width:100%-20em;} /*not working*/

Answer 1

这可以使用LESS或jQuery来完成。但不幸的是，用纯CSS无法做到这一点。

但是，使用纯CSS可以解决这个问题。例如：

.wideColumn {
    max-width: 100%;
    margin-right: 10em;
    margin-left: 10em;
}

当然，此示例可能不适用于您的代码。但是还有许多其他的解决方法。

Answer 2

简短回答是否你不能，至少在CSS 2,2.1规范中，如果你有兴趣可以看看动态样式表LESS

或者Sandeep告诉您，您可以使用CSS3规范中引入的calc()

Reference

Answer 3

您无法直接在CSS中执行此操作，但请尝试使用LESS - http://lesscss.org/

之类的内容

Answer 4

它可能有一天可用，但现在不可用 - 请在此处阅读http://www.w3.org/Style/CSS/specs#math