css教程：Firefox 将支持 css calc() 属性

Firefox 将在新版本中添加对 css 中 calc() 的支持。目前暂时还没有浏览器支持该功能。
下面简要介绍下 calc() 的用法。顾名思义，calc() 既是计算的意思。例如：

/*
 * 两个并排的 div, 相距 1em。
 */
#a, #b {
    float:left;
}
#a {
    width:75%;
    margin-right: 1em;
}
#b {
    width: -moz-calc(25% - 1em);
}

从上例可以看出 calc() 可以混合不同的单位进行计算。同样你还可以将其应用到 margin, padding, border 等属性上。

    和 "-moz-opacity" 等其他私有属性一样，在 Firefox 中初期还只能用 -moz-calc，前面有个"-moz-"，以后可能会"转正"成为 "calc"。

calc() 目前将支持 +, -, *, /, mod, min, 以及 max 等运算。例如：

#c {
    width: -moz-calc(3px + 50%/3 - 3em + 1rem);
}
#d {
    height: -moz-min(36pt, 2em);
    width: -moz-max(50%, 18px);
}