利用calc函数实现简单的自适应

calc()是css3推出的一种函数，可用于样式中各种长宽计算。例如定义一个宽度页面大小且留白50像素的盒子。

width: calc(100% - 50px)

calc()可以识别各种css度量单位（px、em、rem），且可以进行加减乘除运算。
注意：计算符左右必须空格，否则无法识别

想定义一行六个盒子，可以写：

width: calc(100% / 6)

再使用float或者flex布局整理一下就完成了，且因为%的特性，盒子大小会随着网页大小改变而改变。
利用calc可以解决许多自适应问题。
比如动态调整input框的大小：

input {
  width: calc(50% - 2em);
}