CSS - 屏幕减去常量

Question

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

.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

简短的回答是NO你不能，不能ATLEAST在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