巧用CSS3的calc()宽度计算做响应模式布局

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

2、calc()语法：calc()语法非常简单，就像我们小时候学加 （+）、减（-）、乘（*）、除（/）一样，使用数学表达式来表示如下图：其中”expression”是一个表达式，用来计算长度的表达式。

5、我们来个例子，我们做一个三列并排的模块，宽度按百分比、有padding值、有border值、还有margin-right，而且这三个值单位均用px，给出入下图Css样式