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