CSS - 屏幕尺寸减去常数

【问题标题】：CSS - screensize minus constant [duplicate]CSS - 屏幕尺寸减去常数
【发布时间】：2013-01-24 04:47:58
【问题描述】：

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

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

【问题讨论】：

标签： css

【解决方案1】：

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

不过，使用纯 CSS 可以解决此问题。例如：

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

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

【讨论】：

【解决方案2】：

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

或者如Sandeep 所说，您可以使用CSS3 规范中引入的calc()

【讨论】：

【解决方案3】：

您不能直接在 CSS 中执行此操作，但可以尝试类似 LESS - http://lesscss.org/

【讨论】：

【解决方案4】：

它可能有朝一日可用，但不是现在 - 在此处阅读更多信息 http://www.w3.org/Style/CSS/specs#math

【讨论】：