calc(100%)与我的全屏网站

calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？当我在一个项目中的样式表中看到它，而且知道它的作用时，我好像发现了宝一样，的确，它的存在可以让我在架构全屏网页时不再使用脚本来控制高度了。

calc()能让你给元素的做计算，你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如说“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多少，而把这个烦人的任务交由浏览器去计算。

calc()语法
calc()语法非常简单，就像我们小时候学加 （+）、减（-）、乘（*）、除（/）一样，使用数学表达式来表示：
.screenHeight {
height: calc(100%);
}
看，是不是很简单~在写全屏的系统界面时，我再也不需要用脚本来计算某个div的高度了。

浏览器的兼容性
浏览器对calc()的兼容性还算不错，在IE9+、FF4.0+、Chrome19+、Safari6+都得到较好支持，同样需要在其前面加上各浏览器厂商的识别符，不过可惜的是，移动端的浏览器兼容性可能要弱一些，我还没有在移动端做过测试，以后项目遇到再来追加。